Table Borders – style changes not sticking

Author Posts

bluedognz October 10, 2019 at 1:41 am

Hi there,

On this page https://iss.bluedogwebdesign.com/courses/ the date and prices table near the bottom of the page needs to have a border under each arrival date group.

I’m able to do this by selecting the row (for example – the 6th row) and adding a border using the MT GUI, it all works perfectly, however when I exit MT the borders disappear.

Here’s an example of the code MT is producing:

#table-2713 .even:nth-of-type(6) {
border-bottom: 3px solid rgb(178, 142, 89);
}

Thanks!
Clark

Abland October 18, 2019 at 1:32 pm

Hi, Clark,

It looks like the id might be dynamic because when I look at the source it’s table-9211. If you targeted some consistent classes specific to that page you should be able to accomplish the borders.

Sebastian October 18, 2019 at 4:28 pm

@Abland thanks so much for picking this up!

Clark, I agree with Abland. I’m also getting a different id, so it’s definitely being added dynamically. You could try the following selector instead:

.pp-table-content .even:nth-of-type(6) {
   border-bottom: 3px solid rgb(178, 142, 89);
}

Or if you want to limit to the styling to just one page:

.mt-31159 .pp-table-content .even:nth-of-type(6) {
   border-bottom: 3px solid rgb(178, 142, 89);
}

Cheers,
Sebastian

bluedognz October 18, 2019 at 11:44 pm

Thank you both!

You must login or register to reply to this topic.