-
AuthorPosts
-
November 7, 2018 at 12:10 pm #1030814
Dear support team
I am working on a page for a customer based on ENFOLD: http://tcmpraxis-carrau.de/NEU/
I would like to have the content of the page with the logo and the navigation exactly left justified. Unfortunately, this is currently not the case and I’m a bit clueless where I can make this setting: http://tcmpraxis-carrau.de/support/support_01.pdf
Can you help me?
Thank you and best regards
DianaNovember 10, 2018 at 7:44 pm #1032066Hey Diana,
Thanks for the screenshot, Please try this code in the General Styling > Quick CSS field:#header_main .container { padding-left: 20px !important; }
Then please clear your browser cache and check.
Best regards,
MikeNovember 11, 2018 at 3:18 pm #1032224Dear Mike,
Thanks for the script. I’ve tried it, but this script achieves that the logo and navigation move to the left.
I do not want to do that though, as I find the distance between navigation and logo to the left outer margin very good.
Rather, I want the content of the website to adapt to this imaginary edge. > see screenshot 1: http://tcmpraxis-carrau.de/support/support_01.pdf
How can I set the distance in the content area to this edge?
Thank you for your processing and best regards
DianaNovember 11, 2018 at 4:55 pm #1032238Hi,
Oh I see, I thought with the arrows in the image, it meant to push to the left.
Please try this code in the General Styling > Quick CSS field:#top.home .av_two_third.avia-builder-el-2,#top.home #av-layout-grid-2 .avia-builder-el-10,#top.home #av-layout-grid-3 .avia-builder-el-13 { padding-left: 50px !important; }
Please clear your browser cache and check.
Best regards,
MikeNovember 11, 2018 at 9:37 pm #1032351Dear Mike
Thanks for the script. Yes, that’s how I imagined it and it works very well for the HOME page.
However, I would like this setting for every subpage. For example, if you click on another menu item such as “Acupuncture” or “Macrobiotics”, this script setting does not work because it only refers to the HOME page.
How can I achieve this for all pages of the website?
Best regards and best thanks!
DianaNovember 14, 2018 at 7:16 am #1033365Hi,
Sorry for the late reply, to do this for all of the pages on your site, please replace the css with this:#av_section_1.container_wrap div.container { padding-left: 60px !important; } #top.page-id-1122 #av-layout-grid-1.container_wrap .flex_cell.av_two_third.avia-builder-el-first { padding-left: 60px !important; }
The first rule seemed to work for every page except for the top section of one page, please see link in the Private Content area.
So the second rule solves that page.
Please let us know if you find any other issues and we can addend the css.Best regards,
MikeNovember 14, 2018 at 11:36 am #1033447Dear Mike,
thanks again very very much! This is the solution for all pages!
Your support is great!
Perfect
Best regards
DianaNovember 14, 2018 at 1:54 pm #1033494Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
Mike -
AuthorPosts
- The topic ‘Alignment content’ is closed to new replies.