Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 20, 2022 at 6:35 am #1348886
    creatorke

    Hi, I have some lay-out issues, perhaps someone can help me out.
    See .
    In main nav we have 2 buttons (Vrijblijvende offerte / Acties). We need those buttons positioned just below topbar. How can I fix this? (see example)

    Then I need the text in slider positioned at the right, text at the left and backround only behind the text, so there is a bit of whitespace between the lines.
    Also on this example

    Further, If you scroll down, I need the images below the title “Onze producten” aligned with the slider on top, no we have whitespace on the right and on the left.

    Can somebody give me some tips?
    Thx

    • This topic was modified 2 years, 7 months ago by creatorke.
    April 20, 2022 at 10:10 am #1348902
    Rikard

    Hey creatorke,

    Please try the following in Quick CSS under Enfold->General Styling:

    #menu-item-489 {
    position: absolute;
    top: -54px;
    right: 90px;
}

#menu-item-490 {
    position: absolute;
    top: -54px;
    right: 0;
}

    Best regards,
    Rikard

    April 20, 2022 at 5:26 pm #1348953
    creatorke

    Hi Rikard,

    Would you also have a solution for question 2 and 3

    2. Then I need the text in slider positioned at the right, text at the left and backround only behind the text, so there is a bit of whitespace between the lines.
    Also on this example

    3. Further, If you scroll down, I need the images below the title “Onze producten” aligned with the slider on top, no we have whitespace on the right and on the left.
    With this I mean that img 1 and 4 need to be aligned with the left side and right side of the slider.
    Of course with the same white-space between the 4 images….

    Thx for the help!

    April 21, 2022 at 4:09 pm #1349036
    Yigit

    Hi,

    2- Please edit your slider and wrap your title into Span tags as following

    
<span>This is your title</span>

    Then add following code to Quick CSS

    #top .avia-caption .avia-caption-title span {
background-color: #b27c2b;
line-height: 10px; 
}

    3- Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
#top.page-id-12 #after_full_slider_1 .container {
  padding: 0;
}

    Best regards,
    Yigit

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