Tagged: x
-
AuthorPosts
-
December 12, 2016 at 4:42 pm #1290538
nikiniki9doorsParticipantHi
I searched the threads and found
.x-content-band { margin: 0 !important; padding: 0 !important; }for the issue of too much space between rows and items on VC but it didnt correct anything.
Please see:
http://www.curatedlisbon.com/portfolio-item/altis-belem-hotel-spa/ below the feature image the title is way down. There is no padding around the photo current and no empty space feature.
How do I correct this?
December 12, 2016 at 11:15 pm #1290828
RupokMemberHi there,
It seems you have set
line-height: 24;for the custom headline and your font-size is set to 20px. So the actual line-height would be (20×24) = 480px. Let’s use a legit line-height value likeline-height: 1.5;or use pixel valueline-height: 24px;Hope this makes sense.
December 13, 2016 at 10:42 am #1291515
nikiniki9doorsParticipantRight got it – there is still a 55px padding on the bottom of the image above it? I set the padding there to 0px in VC – but there is still a gap. I added a 10px empty space below that. Any ideas?
December 13, 2016 at 11:41 am #1291583
RupokMemberHi there,
Thanks for updating. It was within Style field and seems you already take that off. Let us know if you still need help.
Cheers!
December 13, 2016 at 12:55 pm #1291674
nikiniki9doorsParticipantRight got it – there is still a 55px padding on the bottom of the image above it? I set the padding there to 0px in VC – but there is still a gap. I added a 10px empty space below that. Any ideas?
December 13, 2016 at 1:47 pm #1291729
JoaoModeratorHi 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 / passwordDon’t forget to select Set as private reply. This ensures your information is only visible to our staff.
Thanks
Joao
December 13, 2016 at 2:59 pm #1291815
nikiniki9doorsParticipantThis reply has been marked as private.December 13, 2016 at 8:41 pm #1292205
FriechModeratorHi There,
Add a class mvn to the header (ALTIS BELEM BOUTIQUE HOTEL). That class absolutely remove the top and bottom margin of any element.
Regarding the text box, apply a margin auto and a float: none to it.
.listingmaintext { max-width: 750px; margin: 0 auto; float: none; }Hope it helps, Cheers!
December 13, 2016 at 9:42 pm #1292222
nikiniki9doorsParticipantHi Friech
How do I add it to the header? And will I have to do it to every single page?
December 14, 2016 at 1:26 am #1292363
RupokMemberHi there,
If you other page have same setup then you need to add the class on every pages. However your extra spacing seems coming from this code :
.vc_custom_1481579422049 { padding-bottom: 75px !important; padding-left: 30px !important; padding-right: 30px !important; }The padding-bottom value seems unnecessary. Let us know what you are facing right now.
Thanks!
December 14, 2016 at 12:11 pm #1293056
nikiniki9doorsParticipantThis reply has been marked as private.December 14, 2016 at 5:30 pm #1293475
JadeModeratorHi there,
Please use this code:
.single-x-portfolio .entry-wrap { padding: 0 60px; } .wpb_single_image { margin-bottom: 0; }Hope this helps.
December 14, 2016 at 6:35 pm #1293525
nikiniki9doorsParticipanthow can I apply this to posts and pages? where does the 60 come from? it should be top 75px, 30px left, 30px right and 0px bottom?
yeah that only fixed the spacing below the logo. not the row gaps.
How do I use the mvn and where do I put it so that I can just completely erase all paddings/margins within the body of the page and I’ll just manually put them in VC per row/column.
December 14, 2016 at 11:28 pm #1293821
RadModeratorHi there,
You can change it to this
.single-x-portfolio .entry-wrap, .page .entry-wrap, .single-post .entry-wrap { padding: 0 60px; }And that means padding top and bottom is 0px, and padding left and right is 60px. And you can change it to
padding: 70px 30px 0px;70px top padding, 30px left and right padding, and 0px for bottom. It’s a shortcut for this which is basically the same
padding: 70px 30px 0px 30px;About the row gaps, you’ll have to use the spacing helpers, or use padding within style option. Example, edit your specific content band or element and find the Class input field, then add mtn.
And if you wish to add specific margin or padding values, then you can use the Style input field instead of Class input field. And you can simply add
padding-top: 0px;, and so on.Class and Style input fields are available in all elements, rows, and columns.
Thanks!
December 15, 2016 at 2:00 pm #1294681
nikiniki9doorsParticipantThanks rad and how would I apply that to posts, and pages?
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1290538 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
