Table Borders – style changes not sticking

Author Posts

bluedognz October 10, 2019 at 1:41 am

Heads up! this post was created when Microthemer was at version 5. The current version is 7. Some references to the interface may be out of date.

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.