Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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
    Diana

    #1032066

    Hey 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,
    Mike

    #1032224

    Dear 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
    Diana

    #1032238

    Hi,
    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,
    Mike

    #1032351

    Dear 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!
    Diana

    #1033365

    Hi,
    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,
    Mike

    #1033447

    Dear Mike,

    thanks again very very much! This is the solution for all pages!
    Your support is great!
    Perfect
    Best regards
    Diana

    #1033494

    Hi,
    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Alignment content’ is closed to new replies.