Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 18, 2024 at 6:07 pm #1462416
    esther nijhuis

    Hi Enfold-team,

    I hope you can help me with something very simple. I want a horizontal line of 10px high, full width, in one color. Like a boundary line between 2 content sections.
    I thought it could be created with a content section, but I can’t give this specific content section an exact height, only a minimum height which is always bigger than the 10px I need.

    Hopefully you have the answer for me.

    Thanks in advance,
    Greetz Esther

    July 18, 2024 at 9:50 pm #1462434
    Rikard

    Hey esther,

    Could you post a link to where we can see the elements in question, and let us know where you would like to place it please?

    Best regards,
    Rikard

    July 19, 2024 at 3:03 pm #1462499
    esther nijhuis

    Hi Rikard,
    Thanks for your reply.
    Below 2 links:
    1. The adobe link with the design I have to create >> there are multiple lines in the design: 2 black ones, at the top and bottom of the header. 1 orange line above the footer which is, I think, 10px.
    2. The other link is the new page >> The black lines in the header are now part of the photo but I prefer to make them as lines in Enfold.

    July 20, 2024 at 7:30 pm #1462565
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top.page-id-317 #wrap_all #main #av_section_1.avia-builder-el-first {
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    July 22, 2024 at 7:39 am #1462639
    esther nijhuis

    Hi Mike,

    Thanks for your answer.
    I tried but the script shows no difference.

    In the past I used Enfold Health demo to make a site, unfortunately it’s not online anymore. In this demo on the homepage a green line is used beneath the fullscreen header. It’s made with #avia_sc_grid_row but I don’t know the settings anymore. Is it possible to use this en can you refresh my memory? ;-)

    July 22, 2024 at 10:35 am #1462662
    Rikard

    Hi,

    If you enable debug mode under Enfold->Layout Builder->Show advanced options, then you can add this shortcode to a new page to see how it was made:

    [av_layout_row border='' min_height='15px' color='main_color' mobile='av-fixed-cells' id='welcome' av_uid='av-98dfif']
[av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#719430' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-38ln3']

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#92bb46' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-8vfxsn']

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#acd464' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-8r5rn3']

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#e1fbb2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-8ggrav']

[/av_cell_one_fourth]
[/av_layout_row]

    Best regards,
    Rikard

    July 25, 2024 at 12:39 pm #1462967
    esther nijhuis

    Hi Rikard,

    I enabled what you suggested but where do I put the code on a new page? I don’t understand any of this…. sorry
    Seems to me we are drifting away from my problem.

    Best regards,
    Esther

    July 25, 2024 at 7:07 pm #1462989
    Rikard

    Hi,

    There will be a new box under the layout window, please add the shortcodes there.

    Best regards,
    Rikard

    July 26, 2024 at 9:45 am #1463034
    esther nijhuis

    Hi Rikard,

    Tnx! It works!
    Horizontal lines are showing now :-)

    Tnx for your help and patience!

    Have a nice day!
    Esther

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘horinzontal line full screen’ is closed to new replies.