Tables not "themed"? - Theme Horse

Tagged: stylesheet, tables, theme

This topic has 5 replies, 2 voices, and was last updated 4 years, 7 months ago by Theme Horse Support Team.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
April 3, 2020 at 3:08 pm #76378

sjoerd
Participant

Hello ThemeHorse,

I’m progressing very well with the theme. I’m really glad I chose NewsCard. There is just one thing. It seems you guys “forgot” to theme the table tags and such. I would like that at least the tablehead cells <th> are themed. There are no borders, padding seems to be 0 and the th-tags are only bold.
Did I miss something, somewhere?

It would be very nice so make the background of the th-tag following what has been selected in the customizer color-section and to center the text. Are there available classes in the theme I can use manually or do I need to fiddle some code into my child theme – I already got a style.css and a php-file that taps into get_theme_mod to color the vertical dashes 🙂 (previews posted here – it’s in dutch but picture say more that words)

Well in short – best way to theme ordinary tables so they follow the theme 🙂

Best regards
Sjoerd

April 4, 2020 at 12:01 pm #76389
Theme Horse Support Team
Keymaster
Hi @sjoerd,

Our theme supports all most all the Gutenberg Blocks, and WordPress generally updates the Blocks time to time, so adding/setting the table header is the new update by the WordPress and we even update our theme time to time also based on it. So Thank you for helping us identifying about the issue that we missed to update. We will be including these on our next Theme Update soon. For now please go to ‘Appearance > Customize > Additonal CSS’ and paste the below Custom CSS code.
```
.wp-block-table tr th {
	padding: 5px 10px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: rgba(0, 0, 0, 0.3);
}
```
You can make the table align center from the text align option of the respective table and there is no option for setting the ‘th’ tag only background color instead you can set background color for whole table. If you want to set background color for seperate ‘th’ tag only then you can add background color property on above code.
like:-
background-color: yellow;

Thanks
April 6, 2020 at 3:04 pm #76488

sjoerd
Participant

Thanks you,

That did the trick (I’m not using the Gutenberg Blocks since I’m not comfortable with it)

I might add a line of code to my custom-styles.php in the child-theme so that the background color of the th-tag follows the newscard_elements color 😉 I did the same with the double-quotes sign for the blockquot.

Regards,
Sjoerd

April 7, 2020 at 7:01 am #76493

Theme Horse Support Team
Keymaster

Ok got it and its great you got it that you needed anyway.

Ok let us know if you have any other queries regarding the theme.

Thanks

April 14, 2020 at 7:50 am #76692

sjoerd
Participant

Currently there’s not much I need to change. I did one more “minor” modification: I added a section to the customizer that allows me to only show the feature image on the first page op a single or page (when enabled in the main customizer). In my opinion it’s a bit overdone to have the featured image on all pages of a multipage post.

I posted the changes on my blog without revealing too much of the Premium I think. It’s all in dutch – If I need to redact some of the code-blocks that are visible on my blog then don’t hesitate to contact my by sending my an email.

Regards
Sjoerd

April 14, 2020 at 4:31 pm #76749

Theme Horse Support Team
Keymaster

Ok @sjoerd, Great going 🙂
Author

Posts