Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1202188
    fatheaddrummer
    Participant

    Hi,

    As the title already says, I would like to add some padding left and right for my content, but ofcourse let the rest (backgroundimages and rows) stay fullwidth. I am workinh with visual composer. Could help me out, how to achieve this?

    Thanks a lot!
    Best, Christian

    #1202264
    Rupok
    Member

    Hi Christian,

    In that case you need to set the padding to the content. If you provide your URL and point us the section, we might help with better suggestion.

    Thanks!

    #1203007
    fatheaddrummer
    Participant

    Hi Rupok and thanks for the quick reply! I didn’t expect it that soon! 🙂

    Here’s the URL: I am talking about the second row, right after the hero image.
    https://www.diamond-precision-studio.com/en/mixing-online/

    I am doing it with visual composer, but I don’t know where to set the padding to left and right
    Thank you very much!

    Best, Christian

    #1203043
    Rupok
    Member

    Hi Christina,

    You should be able to place CSS within the Style field for the ROW in Visual Composer. If you can’t find this, let’s add this to Custom CSS option for the page :

    #x-content-band-2 > .x-container.wpb_row {
      max-width: 1200px;
      width: 80%;
    }

    If you still can’t find the Custom CSS option, you can add this under Custom > CSS in the Customizer.

    .page-id-86 #x-content-band-2 > .x-container.wpb_row {
      max-width: 1200px;
      width: 80%;
    }

    Hope this helps.

    #1203062
    fatheaddrummer
    Participant

    Thank you very much! That helped! 🙂

    #1203072
    Lely
    Moderator

    You’re welcome!

    Cheers!

    #1204702
    fatheaddrummer
    Participant

    Hi,

    Is there a way to add this to global css for all fullwidth pages?
    The code worked fine for one of my pages but doesn’t work for this page:
    https://www.diamond-precision-studio.com/en/faq/

    It’s the same page template – no container, header footer

    Thanks a lot!

    Best, Christian

    #1204714
    Rupok
    Member

    Hi Christian,

    It’s possible but will be applied to all section in every pages. If you want; you can add this under Custom > CSS in the Customizer.

    .x-content-band > .x-container.wpb_row {
      max-width: 1200px;
      width: 80%;
    }

    Cheers!

    #1204726
    fatheaddrummer
    Participant

    That’s great!

    Thank you!

    Best, Christian

    #1204740
    Rupok
    Member

    Glad that it helped Christian.

    Have a nice day!

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