Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • September 28, 2017 at 8:17 pm #858203
    messmeriza

    Hi guys,

    on the Our Work page (http://a95.ef7.myftpupload.com/our-work/) the space between the text starting with
    ‘Reports: Enabling Business Innovation
    Based on in-depth interviews…’
    and the Portfolio Grid section is way too much. In the next section underneath the first Portfolio Grid it’s better, but still too much.

    I have put a screenshots into the private content of the space that I’m talking about and WordPress. I can’t figure out where I can change the space. How can I tighten it up before all 3 portfolio sections on the page?

    Thanks!
    Carolin

    • This topic was modified 7 years, 2 months ago by messmeriza.
    September 28, 2017 at 11:03 pm #858237
    Jordan Shannon

    Hey Carolin,

    Add the following to quick css:

    .avia-builder-el-17{
margin:70px 0!important;
}

    Best regards,
    Jordan Shannon

    September 29, 2017 at 12:15 am #858266
    messmeriza

    Hi Jordan,

    this does not work unfortunately. Can you suggest something else please?

    Thanks,
    Carolin

    September 29, 2017 at 4:18 am #858301
    John Torvik

    Hi,

    The “Quote” has a height higher than the text, so, you can add the following custom CSS code to solve this:

    
.avia-builder-el-19 .avia_textblock  {
  margin-top: 62px !important;
}

    Best regards,
    John Torvik

    September 29, 2017 at 5:52 pm #858553
    messmeriza

    Hi John,

    this actually adds space between ‘Guest speakers have included many eminent leaders…’ and ‘Reports: Enabling Business Innovation’. But I want to decrease the space between ‘Based on in-depth interviews with top security executives…’ and the portfolio grid. And then do the same before every other portfolio grid on that page.

    Thanks,
    Carolin

    • This reply was modified 7 years, 2 months ago by messmeriza.
    September 29, 2017 at 6:07 pm #858560
    Jordan Shannon

    Hi,

    It seems the class has changed a bit. Try the following instead:

    
.avia-builder-el-19 .av_textblock_section{
margin:70px 0!important;
}

    Best regards,
    Jordan Shannon

    October 3, 2017 at 7:31 pm #859754
    messmeriza

    Hi Jordan,

    that still doesn’t work unfortunately. I tried to change 70px to 30px but nothing changes either.

    Thanks,
    Carolin

    October 3, 2017 at 11:02 pm #859814
    Jordan Shannon

    Hi,

    Please provide admin info so we can log in and look into this issue further.

    Best regards,
    Jordan Shannon

    October 3, 2017 at 11:14 pm #859819
    messmeriza

    Thanks, please see private content.
    Carolin

    October 4, 2017 at 4:24 am #859866
    Jordan Shannon

    Hi,

    I added the following to quick css:

    .reports-isc .av_textblock_section{
margin:70px 0!important;
}

    It seemed to have aligned the section correctly. Please test.

    Best regards,
    Jordan Shannon

    October 4, 2017 at 7:29 am #859944
    messmeriza

    Hi Jordan,

    I’m not sure we are seeing the same, but it doesn’t look like anything has changed. Just to make sure we are talking about the same thing. I would like the space that I marked in the screenshot below reduced by about half. And the same for all other spaces before every portfolio grid.
    https://www.dropbox.com/s/y7w5d6avshfzw0a/spacing_OurWork_02.png?dl=0

    Thanks!
    Carolin

    October 4, 2017 at 8:45 am #860016
    John Torvik

    Hi,

    I have checked your site and there is a difference of 8px, so, we can solve it adding a height in the section using this custom code at Enfold Theme Options > General Styling > Quick CSS

    
.avia-builder-el-19 {
  height: 202px !important;
}

    Best regards,
    John Torvik

    October 4, 2017 at 10:26 pm #860337
    messmeriza

    Hi John,

    I have added the code that you gave me to the Quick CSS, but nothing changed. The space is still the same as in the screenshot I sent in my last message:
    https://www.dropbox.com/s/y7w5d6avshfzw0a/spacing_OurWork_02.png?dl=0
    I would like the space that I marked in the screenshot below reduced by about half. And the same for all other spaces before every portfolio grid.

    I have given you the login to my WordPress site above. Can you please check if there’s something else in the Quick CSS or somewhere else that overwrites the code you gave me.

    Thanks,
    Carolin

    • This reply was modified 7 years, 2 months ago by messmeriza.
    October 5, 2017 at 11:34 pm #860777
    Jordan Shannon

    Hi,

    Please see the image for the area I have been attempting to fix:

    https://snag.gy/DpEPH0.jpg

    I was trying to align these two sections. Is this fine how it is?

    Best regards,
    Jordan Shannon

    October 6, 2017 at 1:05 am #860801
    messmeriza

    Hi Jordan,

    not sure exactly what you adjusted :(
    I would like the space that I marked in the screenshot below reduced by about half. So I mean the space between the text/testimonail and the portfolio grid. And the same for all other spaces before every portfolio grid.
    https://www.dropbox.com/s/y7w5d6avshfzw0a/spacing_OurWork_02.png?dl=0

    Thanks,
    Carolin

    October 6, 2017 at 12:56 pm #860985
    Victoria

    Hi Carolin,

    Most of the space is created by the elements above, not any margin or padding, but the code below can reduce at least the top margin.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 6, 2017 at 6:35 pm #861120
    messmeriza

    Hi Victoria,

    I don’t see any code from you.

    Thanks,
    Carolin

    October 9, 2017 at 7:41 pm #862059
    Jordan Shannon

    Hi,

    There seems to be miscommunication going on. The code I gave you above in both instances is to remove the space above which is what is causing the spacing as Victoria mentioned. Please add this to quick css:

    body .column-top-margin {
    margin-top: 0px!important;
}

    Best regards,
    Jordan Shannon

    October 13, 2017 at 12:02 am #863699
    messmeriza

    Thanks that’s better… Not perfect though. My client still thinks there’s way too much space on that page.

    October 13, 2017 at 7:14 pm #864101
    Jordan Shannon

    Hi,

    Within which sections? The css given in this thread thus far should be able to apply to all sections within that page by simply adjusting the class names.

    Best regards,
    Jordan Shannon

    November 24, 2017 at 12:53 am #880985
    messmeriza

    It’s fine. She’s happy as it is. Thanks!

    November 24, 2017 at 2:58 pm #881217
    Victoria

    Hi messmeriza,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 9, 2019 at 9:46 pm #1088894
    messmeriza

    Thanks!

    April 9, 2019 at 10:10 pm #1088900
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 24 posts - 1 through 24 (of 24 total)
  • The topic ‘Spacing between text and Portfolio Grid’ is closed to new replies.