Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #788576

    What I would like to is have a button on the front page for instance “testimonials”. And when you click on that button it takes you to the about page but then it automatically scrolls down to the page section where the testimonials are located on the about page. I think it’s referred to as linking to a page section. I can’t seem to find a way to do that.
    Thanks
    James

    #788700

    Hey James,

    Please see our documentation here: https://kriesi.at/support/topic/creating-anchors-on-page-to-link-to-from-within-page/

    You can also add a Code Block element to your page above “testimonials” or whatever content you’re pointing to, and insert following

    <div id="testimonials"></div>

    Then set your button element to link to #testimonials.

    Best regards,
    Sarah

    #789217

    I have added the name “testimonials” within the section ID of a color selection where the testimonials are located. Not exactly how do you link a button to that area. The instructions don’t really spell it out for us nondevelopers. Thank you
    James

    #789270

    Hi James,

    When you create your button element, set the Button Link to “Set Manually”, then give it the link #testimonials.

    View post on imgur.com

    If you need further assistance, please give us a URL of the page in question so we can take a closer look.

    Best regards,
    Sarah

    #790518

    Not sure what I am doing wrong . Please check for me . Link testimonials button on front page to testimonials on about page .

    #790557

    By the way is are a way to center vertically special headings with a button? If you notice the words “what people say about our food and service”, is not centered vertically with the button which drives me nuts. Thank you

    #790569

    Hi jwr18,

    Ok, you have the link to a section with id=”testimonials1″ but you don’t have such an element on the page.
    The link address has to be /restaurant/index.php/about/#testimonials1
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
     .page-id-15 .avia-builder-el-27 {
       padding-top: 25px;
     }
    
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

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