[husker]

Would I be able to change the width of the 3 columns in the Featured content area in Premium Upgrade?

For 3 columns, I need left and right and left to be 25% and middle to to 50%

Brian

[Mahesh]

Hi @huskser,

For the above, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

.featured-content-image{
    text-align: center;
}
  
#featured-content.layout-three .hentry{
    width: 25%;
}
  
#featured-content.layout-three .hentry:nth-child(3n+2){
    width: 50%;
}

Regards,
Mahesh

[husker]

Mahesh,

http://bayareahuskers.org/wp/

Here is what happened when I added that code. See site link above. It was close but it pushed the right column down.

Brian

[husker]

Mahesh,

The left column seems be be keeping the 33 1/3 and not letting middle column move left,

Brian

[Mahesh]

Hi @husker,

Sorry for the late reply.
The above code is working fine, and the featured content are aligning horizontally to one another. The problem with above code is that it is always making the featured content’s size 25%:50%:25% in all sizes, so I’ve made a little change. Please replace the code with below.

.featured-content-image {
    text-align: center;
}
@media screen and (min-width: 991px) { 
    #featured-content.layout-three .hentry {
        width: 25%;
    }
  
    #featured-content.layout-three .hentry:nth-child(3n+2) {
        width: 50%;
    }
}

@media screen and (max-width: 990px) { 
    #featured-content.layout-three .hentry {
        width: 100%;
    }
}

Note: Your content seem to have fixed width so I’ve made the width featured content to full-width for display max-width: 990px.

Regards,
Mahesh

[Author]

Posts