Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 21, 2019 at 9:45 pm #1149980
    tonyrwd

    Good afternoon everyone,

    I have a small problem with the size of the first 2 sections of my website. The 1st one is suppose to measure 25% of the window and the 2nd one 75%. So, basically I should see both sections, completely. However, as you can see, the bottom part of the 2nd section is cut and i have to scroll down :

    This is mainly due to some sort of big margin at the top of the 1st section but i don’t see where it comes from since i removed the menu and the header (unless i did not do it the proper way). But it’s also a bit due to the top/bottom margins in the light blue section.

    The target result is something like this :

    Anybody could help me with this please ?
    Website address: https://www.thalassobainbebe.com/

    Thanks a lot

    October 23, 2019 at 12:27 pm #1150485
    Victoria

    Hey tonyrwd,

    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

    
.html_header_transparency #top .avia-builder-el-0.avia-section .container {
    padding-top: 0;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 23, 2019 at 9:15 pm #1150657
    tonyrwd

    Thank you so much Victoria ! Just a quick question : if you zoom in, you can see I put a top border above the light blue section. Anyway idea how to change its color, transparency and width according to what i want ?

    Thanks a lot

    October 24, 2019 at 9:56 am #1150777
    Victoria

    Hi tonyrwd,

    Do you mean border here?
    Image 2019-10-24 at 10.56.17.png

    Best regards,
    Victoria

    October 24, 2019 at 10:11 am #1150792
    tonyrwd

    Exactly. The top border of the blue area

    Thanks Victoria

    October 24, 2019 at 11:07 am #1150836
    Victoria

    Hi tonyrwd,

    You can play with this css:

    
.home #av_section_2.container_wrap {
    border: 3px solid #ccc;
}

    Best regards,
    Victoria

    October 24, 2019 at 8:39 pm #1150981
    tonyrwd

    Good evening Victoria

    It definitely works. However, it adds a border all around the section whereas I meant to modify the top border. Is there anyway to do so ?

    Thanks

    October 25, 2019 at 10:34 pm #1151299
    tonyrwd

    Anybody else would have the answer ? :)
    Thanks !

    October 27, 2019 at 11:16 am #1151504
    Victoria

    Hi tonyrwd,

    Oh, yeah, I missed something. Try the code like this:

    
.home #av_section_2.container_wrap {
    border-top: 3px solid #ccc;
}

    Best regards,
    Victoria

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.