Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • November 21, 2020 at 4:13 pm #1261964
    Talker77

    Hello, I have the problem again that the heading is too low. I solved the problem for 1/1 layout element shcon, but here is 1/2 layout element and I can’t get the heading any higher.
    The background is that I gave the headline a white background and the gray frame on the left and right of the headline is not continuous.

    November 22, 2020 at 12:35 pm #1262093
    Rikard

    Hey Talker77,

    Thanks for the screenshot, could you post a link to where we can see the actual elements as well please?

    Best regards,
    Rikard

    November 22, 2020 at 12:45 pm #1262097
    Talker77

    Hello, here is the link…

    November 23, 2020 at 2:29 am #1262213
    Jordan Shannon

    Hi,

    Apologies, but I’m not seeing the issue either. Which specific title is the problem?

    Best regards,
    Jordan Shannon

    November 23, 2020 at 2:32 am #1262214
    Jordan Shannon

    Hi,

    Apologies again, I missed the screen in the first thread. It looks like you have an invisible HR in the spot above that is 100px. Are you able to see this in your layout builder?

    Best regards,
    Jordan Shannon

    November 23, 2020 at 7:58 pm #1262463
    Talker77

    Yes. I have … if I delete that, the whole thing moves higher … but the problem with the headings remains.

    November 24, 2020 at 3:27 pm #1262704
    Nikko

    Hi Talker77,

    I have the link and compared the screenshot and it seems to be fixed.
    Can you give us a screenshot of the headings you mentioned? so we know how it looks on your end and also know that we are looking on the same element.

    Best regards,
    Nikko

    November 24, 2020 at 3:56 pm #1262719
    Talker77

    Hello, I have attached the link to the page where you can see the error … and 2 screenshots … Screenshot 1 as I would like it … that the heading is above, above the frame!
    Screenshot 2, it is already correct, there it is as I want it to be.
    Where it’s already right, it’s 1 column … with 2 columns I can’t get it right.

    November 24, 2020 at 4:21 pm #1262733
    Nikko

    Hi Talker77,

    Please try to remove the top padding for those columns and add this CSS code:

    #top .flex_column .schongewussthalb .av-special-heading-tag {
    position: relative;
    top: -20px;
}

    Best regards,
    Nikko

    November 25, 2020 at 12:18 am #1262853
    Talker77

    Hello, we are already one step further! :-)
    Basically it works, but the distance to the left and right is too big … if you look at the side again …

    November 25, 2020 at 6:49 am #1262925
    Nikko

    Hi Talker77,

    It looks good on my end, the only issue I see is the distance between the heading and the textblock, it looks balanced if this CSS code is added:

    #top .flex_column .schongewussthalb + .av_textblock_section {
    padding-top: 20px;
}

#top .flex_column .schongewussthalb + .av_textblock_section .avia_textblock > p:last-child {
    margin-bottom: 0;
}

    Can you give us a screenshot on how it looks on your end?

    Best regards,
    Nikko

    November 25, 2020 at 5:53 pm #1263044
    Talker77

    Okay, the text is now in the middle … but I mean left and right of the heading, see screenshot … I want 15px space left and right … now there are a lot more.

    November 26, 2020 at 1:00 pm #1263247
    Nikko

    Hi Talker77,

    Please try adding display:inline-block to this code:

    #top .flex_column .schongewussthalb .av-special-heading-tag {
    position: relative;
    top: 10px;
    background-color: white;
    padding: 0 30px 0 30px !important;
    margin: 0 auto 0 auto !important;
}

    it should look like this:

    #top .flex_column .schongewussthalb .av-special-heading-tag {
    position: relative;
    top: 10px;
    background-color: white;
    padding: 0 30px 0 30px !important;
    margin: 0 auto 0 auto !important;
    display: inline-block;
}

    Best regards,
    Nikko

    December 2, 2020 at 11:30 am #1264454
    Talker77

    Hello, can you please check my problem…

    As marked in red on the screenshot, there is an area that I would like to have gone … but don’t know how to do it. Everything I have tried does not work.

    December 4, 2020 at 12:15 pm #1264981
    Nikko

    Hi Talker77,

    Please try to replace this code:

    #top .flex_column .schongewussthalb .av-special-heading-tag {
    position: relative;
    top: -40px;
    background-color: #fff;
    padding: 0 15px!important;
    margin: 0 auto!important;
    display: inline-block;
}

    with:

    #top .flex_column .schongewussthalb {
    top: -16px;
    left: 0;
    position: absolute;
}

#top .flex_column .schongewussthalb .av-special-heading-tag {
    background-color: #fff;
    padding: 0 15px!important;
    margin: 0 auto!important;
    display: inline-block;
}

#top .flex_column .schongewussthalb + .av_textblock_section .avia_textblock > p:first-child {
    margin-top: 0;
}

    Best regards,
    Nikko

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