-
AuthorPosts
-
May 5, 2017 at 6:06 pm #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
JamesMay 6, 2017 at 4:40 am #788700Hey 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,
SarahMay 7, 2017 at 10:00 pm #789217I 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
JamesMay 8, 2017 at 2:50 am #789270Hi James,
When you create your button element, set the Button Link to “Set Manually”, then give it the link #testimonials.
If you need further assistance, please give us a URL of the page in question so we can take a closer look.
Best regards,
SarahMay 9, 2017 at 7:12 pm #790518Not sure what I am doing wrong . Please check for me . Link testimonials button on front page to testimonials on about page .
May 9, 2017 at 8:18 pm #790557By 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
May 9, 2017 at 8:30 pm #790569Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.