Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 19, 2017 at 4:39 pm #780050
    tremblayly

    Hi
    I’ve created the following ID for styling section titles on my website here: http://crescendo.staging.wpengine.com/fr/ (hosted on WPengine)
    #av_section_titles {
    background-color: #4c4d4f!important;
    border-top: 10px solid #ec5548!important;
    height: 110px!important;
    color: #ffffff!important;
    }

    Within the section I use a special heading element. The very top one is perfect, so I cloned it to create the others. None of the others display the title content properly (it’s way to low). I don’t understand why this happened with the remaining ones.

    Can you please help me figure out what’s happened here.

    Thank you

    April 19, 2017 at 10:50 pm #780200
    Basilis

    Hey tremblayly!

    Cna you check the section settings if they are the same?
    With opening debugger and checking the settings of the sections are not the same as should

    Best regards,
    Basilis

    April 20, 2017 at 2:27 am #780239
    tremblayly

    Hi Basilis

    Thank you for the tip to look at the code in debugger.

    The culprit that was causing the issue was the special heading element. All three section titles that had an issue, two were copied from the previous erroneous one, and where I had initially used a sub-heading, then deleted it. It didn’t matter if I replaced the sections with the working one, the old and undeleted code remain, such as the padding. This is a bug within the framework in that the old code should be removed when changes are made to the element.

    When I tried to edit in the debugger area, my changes never got saved. So I used MS Word to copy the entire code, made changes, then copied back into a new test page. All sections display correctly. The edit and save functions should work in the code debugger. This may also have a bug.

    Another question I have. How do I get white space between two colored background sections? Do I need to use the white space seperator or should that work but have another bug?

    Thanks
    Lyse

    April 20, 2017 at 2:53 am #780243
    tremblayly

    Hi Basilis,

    Here’s the sections code with errors:

    [av_section min_height='' min_height_px='25px' padding='small' shadow='no-border-styling' bottom_border='border-extra-arrow-down' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='av_section_titles' color='footer_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
    [av_heading tag='h2' padding='0' heading='Nos Services' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='50' subheading_active='' subheading_size='20' custom_class='' admin_preview_bg=''][/av_heading]
    [/av_section]
    [av_section min_height='' min_height_px='25px' padding='small' shadow='no-border-styling' bottom_border='border-extra-arrow-down' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='av_section_titles' color='footer_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
    [av_heading tag='h2' padding='0' heading='À Propos' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='50' subheading_active='' subheading_size='20' custom_class='' admin_preview_bg=''][/av_heading]
    [/av_section]
    [av_section min_height='' min_height_px='25px' padding='small' shadow='no-border-styling' bottom_border='border-extra-arrow-down' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='av_section_titles' color='footer_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
    [av_heading tag='h2' padding='0' heading=Votre Partenaire' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='50' subheading_active='' subheading_size='20' custom_class='' admin_preview_bg=''][/av_heading]
    [/av_section]
    [av_section min_height='' min_height_px='25px' padding='small' shadow='no-border-styling' bottom_border='border-extra-arrow-down' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='av_section_titles' color='footer_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
    [av_heading tag='h2' padding='0' heading=Témoignages' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='50' subheading_active='' subheading_size='20' custom_class='' admin_preview_bg=''][/av_heading]
    [/av_section]
    [av_section min_height='' min_height_px='25px' padding='small' shadow='no-border-styling' bottom_border='border-extra-arrow-down' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='av_section_titles' color='footer_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
    [av_heading tag='h2' padding='0' heading=Nous Joindre' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='50' subheading_active='' subheading_size='20' custom_class='' admin_preview_bg=''][/av_heading]
    [/av_section]

    April 20, 2017 at 10:30 am #780424
    Designweb

    Hello Lyse,

    To fix that problem you can do that.

    try to put that code on quick CSS. Go to Enfold Theme Options -> General Styling -> Quick CSS.

    body .container_wrap .av-special-heading {
    margin-top: 0 !important;
}

    I hope this could help you. Thank you.

    April 20, 2017 at 10:55 pm #780870
    tremblayly

    Hi Designweb,
    I tried that CSS code within my Child theme styles.csss file and that does not fix the problem.
    Thanks
    Lyse

    April 22, 2017 at 8:23 am #781594
    Rikard

    Hi Lyse,

    Sorry for the late reply. I’m not sure I understand what you are looking to change, could you post a screenshot highlighting it please?

    Best regards,
    Rikard

    April 22, 2017 at 5:52 pm #781722
    tremblayly

    Hi Rikard,

    It’s viewable on this page: http://crescendo.staging.wpengine.com/fr/releve (hosted on WPengine)
    Here’s a link to my padding issue between section titles: https://www.dropbox.com/s/k0a4zubg8khi3lx/section%20titles%20padding.jpg?dl=0
    I want white space between sections. I chose small padding for the sections but I don’t get it.

    Thanks
    Lyse

    April 27, 2017 at 7:16 am #783820
    Ismael

    Hi,

    Thank you for the update. Try to apply a margin to the color section.

    #av_section_titles {
    margin-top: 50px;
    margin-bottom: 50px;
}

    Best regards,
    Ismael

    April 27, 2017 at 3:47 pm #784077
    tremblayly

    Hi Ismael,

    Exactly what I wanted.

    Thank you so much!

    Lyse

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Section Titles’ is closed to new replies.