Table ‘stripes’ not working when internal link used

  • shadow839

    (@shadow839)


    9 years, 6 months ago

    Hello,

    On any page that uses a table, it has applied a ‘striped’ effect so that one row has a white background, and the other has a grey background. Very strangely, if you visit a page using an internal link, for example test.com/events/#2017 it loads the page, skips down to the internal anchor, but the stripes are not applied. If you visit the same page without the internal link, so test.com/events/ the table striping is fine!

    In the code I am using the following to setup the internal link:

    `<h3 id=”2017″>2017 events</h3>

    I’ve no idea why the theme is doing this. Can anyone shed any light for me?

    Many thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • stephencottontail

    (@stephencottontail)

    9 years, 6 months ago

    Can you post a link to a page that shows the issue?

    Thread Starter shadow839

    (@shadow839)

    9 years, 6 months ago

    Yes, the link is http://www.cotswoldbsac332.co.uk/events/#2017

    Thanks.

    stephencottontail

    (@stephencottontail)

    9 years, 6 months ago

    Your theme uses JavaScript to add the alt class to alternating rows, and for some reason, that JavaScript doesn’t run if you enter the page via the internal anchor link. My Google searches are coming up empty as to why the JS doesn’t run in those conditions, but you can use some custom CSS in your child theme to at least get the table stripes:

    .entry table tr:nth-of-type(2n) {
	background: #f1f1f1;
}
    Thread Starter shadow839

    (@shadow839)

    9 years, 6 months ago

    Thanks for looking into that, much appreciated. I’m not sure why it uses Javascript either. I implemented the code, but for some reason the 2017 events table had every row as grey. There are two tables on the ‘Membership’ page as well, as one of the tables had every row grey as well! Very odd? Seems complicated for a very simple thing!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Table ‘stripes’ not working when internal link used’ is closed to new replies.