How to rename the Section divIds?

Discussion in 'One Page Pro WordPress Theme' started by georgiladakisd, Dec 5, 2016.

  1. georgiladakisd

    georgiladakisd New Member

    Joined:
    Jul 29, 2016
    Messages:
    14
    Likes Received:
    0
    Hello, we have bought and we are currently using this theme. We frequently use the "HomePage Custom Section" for various purposes so in our home page we have around 5-6 home page custom sections to display different content.

    Our issue comes when we use the scroll to #divId function in the menu. (we use another widget for this)

    Good news is that the scrolling works because we get the div id of the custom section and place it in the url.
    But bad news is that all our "HomePage Custom Sections" have a div id that is not user friendly at all. For example "one-page-widget-custom_section-5-665"

    So if anybody hovers over the menu links they will see that the url is pointing to a non-making-sense url. Is there anyway for us to fix this either by
    • i)renaming our div ids so we put a more user friendly name (ie "ourClients" instead of "one-page-widget-custom_section-5-665"
    • ii)using a url rewritter widhget? (I tried a couple of them but they work only with real links and not with these type of links with the #).

    Thank you
     
  2. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Hello,

    It seems you want to link up your custom sections as a menus, please watch the below tutorial link:
    https://www.screenpresso.com/=9Cj8b

    This will help you to figure it out and resolve the issue(s).

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  3. georgiladakisd

    georgiladakisd New Member

    Joined:
    Jul 29, 2016
    Messages:
    14
    Likes Received:
    0
    Thank you very much Naveen for taking the time to produce the video. The issue is whatever is shown in the video, we have already done it.
    Our problem is that even in the video you produced, the url of the homepage custom section, is not user friendly at all. Please see my screenshot below that I flag this with RED (down left corner).
    This is what we would like to rename. The div section id, so when somebody hovers over the menu, they don't see this strange url name as appears below. Any suggestions how to rename this?

    2016_12_07_12_22_45_Screenpresso_Cloud.png
     
  4. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    That's not possible to customize the id generated randomly by coding, It's a dynamic process and id must be unique.

    This is how it works.
     
  5. georgiladakisd

    georgiladakisd New Member

    Joined:
    Jul 29, 2016
    Messages:
    14
    Likes Received:
    0
    Thank you Naveen, Ok it's not possible to customize it out of the box from the UI. But isn't there any html / js / php snippet I could add somewhere to do it? It's just a renaming of a div id to another.
     
  6. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    There is a possibility to change the div id your desired one with some JS but, it will require lots of coding and time as well.

    You are suggested to use the default feature instead.
     

Share This Page