Tagged: 

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #789782

    Hey guys,

    I had a similar ask in this thread, but now I want to apply the same styling but only to this headline on the homepage of my website.

    I don’t want the text to get wider and wider, but set a limit after a certain px width.

    Here’s the older thread, now locked for reference:
    https://kriesi.at/support/topic/set-max-width-for-all-body-copy/

    Website: ccyran.com
    (password in private content)

    Thank you!
    Chris

    #790061

    Hey ccyran,

    Just to confirm, are you referring to this (text in private content)?

    Best regards,
    Nikko

    #790264

    hey yep!

    #790297

    Hi,

    Try adding this css code in Quick CSS:

    .home #av-layout-grid-2 .flex_cell.av_four_fifth {
        width: 100%;
        max-width: 800px;
        display: block;
    }

    Just adjust the max-width value. Hope this helps :)

    Best regards,
    Nikko

    #790348

    Perfecto once again!

    Thank you Nikko!

    #790357

    Hi ccyran,

    You’re very much welcome! Thanks for using Enfold :)

    Best regards,
    Nikko

    #791326

    Hey Nikko!

    Sorry to bug you, I put my text box inside a color section so it always stays aligned with the header, but now that css doesn’t work anymore :/. Could you adjust it so it does?

    Thank you so much!

    #791412

    Hi ccyran,

    Sure, try using this css code instead:

    .home #av_section_1 .container {
        max-width: 900px;
    }

    Just adjust the width as usual. Hope this helps :)

    Best regards,
    Nikko

    #791439

    Hey Nikko,

    That worked! But adding this CSS pushed my text to the right, its not aligning anymore with the header :/

    ccyran.com

    #791443

    Hi,

    Just to clarify, do you want this to be aligned left still? also when you say align, you want the text in left aligned with where the logo is placed on the left side?

    Best regards,
    Nikko

    #791446

    Hey!

    Yep! I still want it left aligned where the logo is placed on the left side.

    Thank you,
    Chris

    #791452

    Hi,

    Please remove the last code I gave you and add this one instead:

    .home #av_section_1 .av_textblock_section {
        max-width: 800px;
    }

    Best regards,
    Nikko

    #791534

    Perfect!

    Thanks again Nikko! I really appreciate the help.

    #791544

    Hi,

    You’re welcome Chris! Always Glad to help you :) and as always thanks for using Enfold :)

    Best regards,
    Nikko

    #804303

    Hey Nikko,

    Hopefully you see this post! How can I do the same thing, but now on the about page of my website?

    http://www.ccyran.com/about/

    Thank you!
    Chris

    • This reply was modified 7 years, 6 months ago by ccyran.
    #804334

    Hi Chris,

    Yes, try adding this css code in Quick CSS:

    .page-id-1167 #about .av_textblock_section {
        max-width: 800px;
    }

    Hope this helps :)

    Best regards,
    Nikko

    #804338

    Perfect!!!!!

    Thank you Nikko! Seriously appreciate the quick help :).

    Like I said, you guys need to have a “buy me a beer” button on this site haha. I’m buy one every time!

    #804358

    Hi,

    Thanks a lot Chris :) Your kind words is enough to encourage us to do our best :)

    Best regards,
    Nikko

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