Tagged: x
-
AuthorPosts
-
October 4, 2016 at 11:27 am #1202188
fatheaddrummerParticipantHi,
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, ChristianOctober 4, 2016 at 12:19 pm #1202264
RupokMemberHi 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!
October 5, 2016 at 1:27 am #1203007
fatheaddrummerParticipantHi 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
October 5, 2016 at 2:30 am #1203043
RupokMemberHi 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.
October 5, 2016 at 3:03 am #1203062
fatheaddrummerParticipantThank you very much! That helped! 🙂
October 5, 2016 at 3:11 am #1203072
LelyModeratorYou’re welcome!
Cheers!
October 6, 2016 at 1:41 am #1204702
fatheaddrummerParticipantHi,
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
October 6, 2016 at 1:53 am #1204714
RupokMemberHi 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!
October 6, 2016 at 2:06 am #1204726
fatheaddrummerParticipantThat’s great!
Thank you!
Best, Christian
October 6, 2016 at 2:34 am #1204740
RupokMemberGlad that it helped Christian.
Have a nice day!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1202188 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
