[amyfanton]

Hi There,

Could someone please help me with increasing the size of the featured content images and decreasing the space between and on the sides of them? I would only like a small white border between the images. I have used 4 images, but they don’t go fully to the side bar and there are huge spaces between them that I want to eliminate. You can see what I mean here if it is helpful: http://www.fantonphotography.com

Also, is it possible to change the font type of the text below the featured content? I would like to use the font that is in the main menu bar.

Thank you!

[Sakin]

@amyfanton: You can add the following css in “Appearance => Theme Options => Custom CSS” box:

@media screen and (min-width: 541px) {
    #featured-post .post.layout-four {
        margin-left: 0;
        width: 25%;
    }
}
#featured-post .entry-title {
    font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif;
}

[amyfanton]

Hi Sakin,

Thanks so much–it’s almost right. The main issue is that there is still a large border on both sides so that the 4 images don’t line up with the main image above it (the slider although I’m only keeping it as a static image at the moment). Also, I would like to keep a very small border between the images.

[Sakin]

@amyfanton: Ok then replace the previous css with the following css:

@media screen and (min-width: 1001px) {
    #featured-post {
        margin-left: -30px;
        margin-right: -30px;
    }
    #featured-post .post.layout-four {
        margin: 0;
        padding: 0 0.5%;
        width: 24%;
    }
}
@media screen and (min-width: 1021px) {
    #featured-post {
        margin-left: -40px;
        margin-right: -40px;
    }
}
@media screen and (min-width: 1190px) {
    #featured-post {
        margin-left: -50px;
        margin-right: -50px;
    }
}

[Author]

Posts