Section ID's

Can someone explain how I can identify the section id of a row?

I am trying to configure my page to use call to action buttons to scroll down the page and I cant find the section id’s to set the call to action.

Any help is appreciated.

Joe

Hi Joe,

I have to merge your thread because it has similar question and answer too.

To make the page scrolled to another section when the cta button is clicked is by put the element ID of the target section as cta link. And to get the elemend ID, you can use crhome dev tools. The steps is:

  • right click of the target section and click “inspect” and it should display a popup windows which shows you the HTML structure of the theme
  • please try to find <div class="panel-grid" id="…
  • from this screenshot http://prntscr.com/9u25re you’ll see the id of the section is pg-10-10
  • Now, put the section id to the cta button link by add # as prefix. So, the cta link should be like this #pg-10-10

Thank You Awan for the info. I really appreciate it. I will make the edits and confirm. Again, Thank You so much!

Joe

Hi there, i´ve the same question, like TWHGJoe.

But i do not understand the answer, Awan :frowning:

Where can i find the target section.

Best Regards!

Hi Gees66,

Please read carefully my last reply in above :slight_smile:

– right click of the target section and click “inspect” and it should display a popup windows which shows you the HTML structure of the theme

Let say, you want to get the ID of the Services section. So, you can right-click the title of the services section and choose “inspect”

Then, please follow the next steps in above

Hi Awan,

i read carefully, really. But anyway, i don´t understand. Where do i find the title of the services section. I tried everything, but nowhere, there´s a something with “inspect”. Sure it works with Safari, too?

Hi,

I have safari installed also on my device and yes there is “inspect element” option when you right-click the page.

Okay, let say I want to inspect the title of the Client section. So, you can go to the Client section then right-click the title of the section and choose “inspect element” - - inspect the element http://prntscr.com/9uvsw0

Thanks a lot Awan - perfect, i got it, but with Firefox Browser - with my Safari it doesn´t work.

Hello Gees66,

Could you tell me what is not working? and do you have a URL of your site?

Hi Awan, my URL is http://guidoschuster.com

Let´s say, with Safari i couldn´t choose the “inspect element” with a right click, it´s not shown. But with Firefox Browser it works.

Now it´s everything ok. Thanks Awan!

Good day, I am trying to find <div class=“panel-grid” id="… on my website, but I can not just find it. Could you please help me to find it?

@grebushka85: Just answered your question in https://athemes.com/forums/topic/cant-find/

hi! one question please!!
why this: # 178584
dont work in url the services?!

Hi @yarledy2222@gmail.com,

If you are using SiteOrigin page builder, then it should be working.

hi Awan!!
i are using siteorigin pague builder, but I can not make it work
in section:
Service link

You can link your service to a page of your choice by entering the URL in this field
(I enter the exact address of the row) : https://flightstobenidorm.com/?page_id=1942-1

I can not get it exactly where I want it … it shows the header of the page
I have 6 services and I would like to click on the icons to take me directly to the service clicked, I have the 6 services in the same paguina.
I appreciate any kind of help

Hi @yarledy2222@gmail.com

My apologize, looks like your issue are different with this thread.
Please visit this documentation page of the theme and feel free to create new thread if you have any issue.

Regards,
Awan

Hi @yarledy2222@gmail.com

My apologize, looks like your issue are different with this thread.
Please visit this documentation page of the theme and feel free to create new thread if you have any issue.

Regards,
Awan