Setting a section of a Portfolio to Full Width

Support
#1

I’d like to set a section of a portfolio to full width.

See https://dev.zebulonpike.coloradodar.org/portfolio-item/stand-down-2017/

The section for the Call To Action with the jets I’d like to have a full width. Any CSS suggestions would be appreciated.

#2

Hi there,

Thanks for writing around! Please give that section an ID for example force-full-width and then add the following CSS code in your Customizer:

#force-full-width {
    margin-left: -60px !important;
    margin-right: -60px !important;
}

Let us know how this goes!

#3

I just inserted the above into the CSS for that section and it worked perfectly. Thanks for the CSS.

Just out of curiosity is there any CSS to remove the bottom 60 or 50 padding or margin pixels at the bottom of the airplaines?

#4

Hey There,

It’s good to know that it is working now. To remove the padding at the bottom of the airplanes, please make use of this code:

.single-x-portfolio .entry-wrap {
    padding-bottom: 0;
}

Hope this helps.

Ethos Portfolio fullwidth Portfolio
#5

Works like charm. Thanks.

#6

We are delighted to assist you with this.

Cheers,

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.