Request for prettier widget IDs and sticky header scroll offset

Asked on May 28, 2015 in Feature Requests.

I’m really enjoying Layers, thanks for all the work people. A few requests:

For a single page design, the IDs of the various rows/widgets show up in the address bar looking a bit clunky. Could we have the option to edit the IDs in the Advanced > Widget Anchor ID field?

Also could we get an offset for the scroll to accommodate a sticky menu (much loage the Page Scroll to ID plugin on wordpress.org – where you can either specify a height in pixels or a element class/ID)? Currently if the menu is set to sticky it obscures the top of the relevant section.

headjog Layers User
Reply
  • Possible Answers to Your Question:

  • 2 Answer(s)
    Answered on August 21, 2015.

    It might not be the right way, but you can use the jQuery for this:

    
    jQuery(document).ready(function($) {
    
    $("#layers-widget-column-1").attr('id','services');
    
    $("#layers-widget-column-2").attr('id','portfolio');
    
    $("#layers-widget-column-3").attr('id','team');
    
    $("#layers-widget-column-4").attr('id','contact');
    
    });
    
    

    This can go into the header script area in the Header panel of the customizer.

    Or it can be added to your own js file through a child theme. Do not modify the Layers theme.js, as it is overwritten in every update.

    Doc: Child Themes: Including Scripts

    on August 21, 2015.
    Reply
    Answered on August 21, 2015.

    Hello,

    From a framework perspective, the IDs need to be generated dynamically to be user friendly and to ensure they are unique – this is the same method WordPress uses with the post class – there will always be a number on the end, unfortunately.

    The above Javascript workaround is appropriate when you want to customize those ids on a specific site.

    The header will only overlap the top of the first widget if you have overlay enabled (by design). Check out our smooth scrolling snippet if you need to set an offset.

    A plugin that cloaks links would probably be best, like https://wordpress.org/plugins/simple-link-cloaker/
    Your host may also provide a config in your cpanel that allows you to mask any url on your site so your main url always shows in the address bar.

    We are looking into replacing this with a way to add your own

    <a name=""></a>
    

    There are many fascinating time limits in this article however I don’t determine if I see all of them center to heart. There is certainly some validity however Let me take hold opinion until I consider it further. Good article , thanks and that we want extra! Put into FeedBurner as properly Body contouring near me

    on April 24, 2022.

    hello!! Very interesting discussion glad that I came across such informative post. Keep up the good work friend. Glad to be part of your net community.fusible 165

    on April 28, 2022.

    After study some of the blog articles with your website now, and i also truly appreciate your technique of blogging. I bookmarked it to my bookmark internet site list and you will be checking back soon. Pls look into my web site as well and told me what you consider. Tyrkia visumsøknad online

    on May 24, 2022.

    You make so many great points here that I read your article a couple of times. Your views are in accordance with my own for the most part. This is great content for your readers. trash chute doors

    on June 12, 2022.

    Thanks, that was a really cool read! Best online whiskey store USA

    on June 21, 2022.

    This article is an appealing wealth of useful informative that is interesting and well-written. I commend your hard work on this and thank you for this information. I know it very well that if anyone visits your blog, then he/she will surely revisit it again.naija news

    7 days ago.

    When you use a genuine service, you will be able to provide instructions, share materials and choose the formatting style.tea burn reviews

    4 days ago.

    Tha Munchies is a newly erected foodie platform that features exotic foods and flavors from all over the world and is expanding every day with new and exciting treats and ideas for meals and recipes for meat loves as well as veggie lovers and vegans! Clicking the product picture will take you to the website where you can purchase your desired items. This platform is brought to you by The LAM Organization for Disaster Relief, a nonprofit organization that provides funding to disaster relief situations such as UNICEF and Saint Jude’s Children’s Hospital.Holiday Gifts

    4 days ago.

    SMH America is a newly erected news and information platform which shines a light on the sheer stupidity of America and the American Culture in many aspects such as society, government, politics, policing, and much more. This platform is brought to you by The LAM Organization for Disaster Relief, a nonprofit organization that provides funding to disaster relief situations such as UNICEF and Saint Jude’s Children’s Hospital.News

    3 days ago.

    I really loved reading your blog. It was very well authored and easy to undertand. Unlike additional blogs I have read which are really not tht good. I also found your posts very interesting. In fact after reading, I had to go show it to my friend and he ejoyed it as well!Mask Carnival

    3 days ago.

    I appreciate everything you have added to my knowledge base.Admiring the time and effort you put into your blog and detailed information you offer.Thanks.dollar to naira

    9 hours ago.
    Reply