Tagged: Nikko
-
AuthorPosts
-
May 8, 2017 at 7:10 pm #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!
ChrisMay 9, 2017 at 8:15 am #790061Hey ccyran,
Just to confirm, are you referring to this (text in private content)?
Best regards,
NikkoMay 9, 2017 at 2:06 pm #790264hey yep!
May 9, 2017 at 2:41 pm #790297Hi,
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,
NikkoMay 9, 2017 at 3:19 pm #790348Perfecto once again!
Thank you Nikko!
May 9, 2017 at 3:23 pm #790357Hi ccyran,
You’re very much welcome! Thanks for using Enfold :)
Best regards,
NikkoMay 10, 2017 at 8:25 pm #791326Hey 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!
May 11, 2017 at 2:13 am #791412Hi 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,
NikkoMay 11, 2017 at 4:18 am #791439Hey Nikko,
That worked! But adding this CSS pushed my text to the right, its not aligning anymore with the header :/
ccyran.com
May 11, 2017 at 4:32 am #791443Hi,
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,
NikkoMay 11, 2017 at 4:35 am #791446Hey!
Yep! I still want it left aligned where the logo is placed on the left side.
Thank you,
ChrisMay 11, 2017 at 4:54 am #791452Hi,
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,
NikkoMay 11, 2017 at 8:25 am #791534Perfect!
Thanks again Nikko! I really appreciate the help.
May 11, 2017 at 8:57 am #791544Hi,
You’re welcome Chris! Always Glad to help you :) and as always thanks for using Enfold :)
Best regards,
NikkoJune 6, 2017 at 6:09 am #804303Hey Nikko,
Hopefully you see this post! How can I do the same thing, but now on the about page of my website?
Thank you!
Chris- This reply was modified 7 years, 5 months ago by ccyran.
June 6, 2017 at 6:56 am #804334Hi 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,
NikkoJune 6, 2017 at 7:00 am #804338Perfect!!!!!
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!
June 6, 2017 at 7:44 am #804358Hi,
Thanks a lot Chris :) Your kind words is enough to encourage us to do our best :)
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.