[pierrejdtParticipant]

Hello,
I would like to choose the opacity of the image of one of my sections, which code do I have to insert ?
Because when I try (I don’t know how to use CSS :'( )

.x-section-4 {
opacity: 0.75;
}

or

.x-section-4.background-image {
opacity: 0.75;
}

It doesn’t work..

Can you provide me the code and explain quickly me how you build it for this specially item ?

Thaks a lot

(www.traiteur-paca.com)

[Paul RModerator]

Hi,

You can try this code instead.

Add this in Cornerstone > Settings > Custom CSS

https://www.screencast.com/t/UIPW7GRa

div#x-section-4 {
    position:relative;
}

div#x-section-4:before {
    top: 0;
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.3);
    z-index: 1;
}

div#x-section-4 .x-container.max {
    position: relative;
    z-index: 2;
}

Hope that helps.

[pierrejdtParticipant]

It doesn’t work, even if I change the transparency like put from 0.3 to 0.1 etc.. Maybe because it’s a picture background and not a classic background ? thanks

[Paul RModerator]

Hi,

It looks like the section’s sequence has been change.

Please replace the code with this.

div#x-section-3 {
    position:relative;
}

div#x-section-3:before {
    top: 0;
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.3);
    z-index: 1;
}

div#x-section-3 .x-container.max {
    position: relative;
    z-index: 2;
}

Hope that helps.

[pierrejdtParticipant]

Unfortunatly, it doesnt make any changes… Maybe a script conflict ? I’m lost :/

[JoaoModerator]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[pierrejdtParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

Please provide us your username as well.

At the mean time please change the entire code in Cornerstone > settings > custom css with the code below and see if that fixes the issue

@media (max-width:979px){.x-navbar-fixed-top,.x-navbar-fixed-left,.x-navbar-fixed-right{position:fixed;}}
body.home.x-navbar-fixed-top-active .x-navbar-wrap{height:0;}
.suivez .x-img{padding:10px 20px;}.x-img{display:block;margin:0 auto;text-align:center;}
.h-custom-headline{color:#ffffff;}
div#x-section-3{position:relative;}
div#x-section-3:before{top:0;display:block;content:"";position:absolute;bottom:0;left:0;right:0;background-image:rgba(255,255,255,0.1);z-index:1;}
div#x-section-3 .x-container.max{position:relative;z-index:2;}
.column-column-wed{background-image:url('http://www.traiteur-paca.com/wp-content/uploads/2017/01/IMG_1826-e1484748605612.jpg');}

Hope that helps.

[Author]

Posts