Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1111132

    Hi Enfold,

    I set some of my special heading to Special Heading Modern (Left) in my layout builder but they are centered on the view.

    See CALL NOW TO SCHEDULE A FREE IN-HOME ESTIMATE!

    #1111154

    Hey oscarluque,

    Add this to quick css:

    .post-entry-17 .flex_column_div.first{
    text-align:left!important;
    }

    Best regards,
    Jordan Shannon

    #1111176

    Hi Jordan,

    The code you gives me fixed that issue on the homepage but does not fix the issue on all my other pages. I have this green box on multiple pages.

    #1111177

    Hi,

    Add this as well:

    #services{
    text-align:left!important;
    }

    Best regards,
    Jordan Shannon

    #1111181

    When I adde that new code it conflicts with the code given to me in this thread and uncentered these images

    https://kriesi.at/support/topic/center-images-2/

    #1111182

    Hi,

    Add this:

    #services .av-special-heading-tag, 
    #services .av-subheading.av-subheading_below.av_custom_color {
    text-align:left!important;
    }

    Best regards,
    Jordan Shannon

    #1111183

    Do I add this instead of the other code? Sorry I’m confused a little on what code needs to be inserted.

    #1111416

    Hi,

    Add that in place of the last code I gave you.

    Best regards,
    Jordan Shannon

    #1111431

    When I add just that code it makes other special headings which are set to centered left justified.

    #1111467

    Hi oscarluque,

    You need to give unique id or class to that element on every page and then we can come up with the css to apply to it on all pages.

    Best regards,
    Victoria

    #1111470

    OK so for this element I will call it lefttitle

    When I try this it doesnt seem to work

    .lefttitle #services .av-special-heading-tag, 
    #services .av-subheading.av-subheading_below.av_custom_color {
    text-align:left!important;
    }

    Please advise on the code I need to insert

    #1112215

    Hi,

    Thank you for the update.

    Where did you add the custom css class attribute? We can’t find it in the special heading element. Please apply the “left-title” class attribute to the special heading element and then use the following css code to align the title to the left.

    #services .left-title { 
       text-align: left !important;
    }

    Or set the “Heading Style” to the second option (Heading Style Modern(left)).

    Best regards,
    Ismael

    #1112382

    Thanks Ismael,

    That code worked but Rather than applying this class to the correct elements that need to be left justified how would I give a class to this threads code https://kriesi.at/support/topic/center-images-2/ – this is that code that is messing up the left and center justification.

    #services {
        text-align: center;
    }
    
    #services .flex_column.av_one_third {
        display: inline-block;
        float: none;
    }

    Would it just be

    #services.center-title  {
        text-align: center;
    }
    
    #services. center-title .flex_column.av_one_third {
        display: inline-block;
        float: none;
    }

    I tried that and it didn’t seem to work… I rather label things correctly than not. Let me know if that makes sense!

    #1112541

    Hi oscarluque,

    https://cl.ly/df9f77c3e988/ There is a dot missing here. Please add it and check again.

    Best regards,
    Victoria

    #1112984

    Hi @victoria,

    Great, I think I got things working!

    #1113037

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Special Heading Modern (Left)’ is closed to new replies.