Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1078547
    Alejandro Jose S
    Participant

    Hello there,

    I’d like to know what css selector controls the white background the sections always have (i notice it’s not possible to make it transparent. i can add a color above it but cannot change or remove it)?

    i’m talking about this one: http://prntscr.com/bqkmqv

    as you can see i can add a background color on top of it using cornerstone but i want to change that white color right there (I’m making a separator and i need to change that color but can’t find its css.

    that white background is there by default when i create a section and also makes it impossible to create a “transparent background” section

    #1078548
    Alejandro Jose S
    Participant
    This reply has been marked as private.
    #1078987
    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .site {background-color: transparent;}

    Hope it helps, Cheers!

    #1079109
    Alejandro Jose S
    Participant

    Ok that works. is there a way to change this only on sections? i mean change that white color to red on section one, blue on section 2, etc? (Yeah, i know this is a longshot)

    #1079118
    Christopher
    Moderator

    Hi there,

    No, it’s not possible since all sections wrapped within <div class="site"></div>, see the attachment.

    Thanks.

    #1079120
    Christopher
    Moderator

    Hi there,

    No, it’s not possible since all sections wrapped within <div class="site"></div>, see the attachment.

    Thanks.

    #1079230
    Alejandro Jose S
    Participant

    I thought so. Nevermind, though, i managed to do what i wanted using linear gradients in the section backgrounds and background color on rows.

    Man, whenever i do stuff like these i realize how freaking flexible X is *_* !

    Thank you guys for everything!

    #1079242
    Christopher
    Moderator

    You’re most welcome 🙂
    Let us know if you have further questions.

  • <script> jQuery(function($){ $("#no-reply-1078547 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>