Notifications
Clear all

Improve design elements in Widgets plugin

4 Posts
2 Users
0 Reactions
594 Views
Posts: 18
Topic starter
(@masteraeon)
Eminent Member
Joined: 6 years ago

My Widgets looks like this now, which is not really looking good at all:

image

It would be great to be able to customize a lot more of the look in the plugin/widget. In the meantime, what CSS-code can I use to change the font, size and color of the different tabs?

The default CSS-code in Widgets settings only changes the font for the "Active Commenters" tab.

3 Replies
Astghik
Posts: 6149
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

Hi MasterAeon,

Please leave the direct URL, we'll provide the CSS code and some instructions. 

Reply
Posts: 18
Topic starter
(@masteraeon)
Eminent Member
Joined: 6 years ago

That sounds great. Thanks. Here is the url:

https://www.nyhetsspeilet.no/

Reply
1 Reply
Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6149

@masteraeon,

Please watch this small video instruction: https://www.screencast.com/t/FE2c9jJ6kXe

You can find all classes by pressing F12 on the browser and opening Chrome or Firefox Console, it'll help you easily write CSS rules you need to customize. 

CSS

This website should help you to write CSS rules:      https://www.w3schools.com/cssref/default.asp

Reply
Share:
Scroll to top