I want to make a bigger gap between the widget title and the actual links.
For whatever reason, you have an asterisk I do not believe should be there messing things up:
.cat-post-widget * {
font-size: 12px;
line-height: 18px;
}
I also want to make the menu links ( on the right) normal instead of bold and blue instead of orange.
Something like this might work:
.cat-post-widget {
font-size: 12px;
line-height: 18px;
text-decoration:none;
color:#00F;
}
http://www.colorhexa.com/0000ff
Hi thank you so much for your help – I can’t actually see
.cat-post-widget * {
in the editor in wordpress – am I looking in the wrong place? how did you see it?
I went to Dashboard/Appearance/Editor
TIA
The best way to make changes like this to a theme is to use a child theme, so your tweaks won’t be overwritten when updating the theme. Here are some guides in case you haven’t made one before:
http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial
You should also check this out for customizing your site.
http://themesandco.com/snippet/firebug-best-spent-6-minutes/
http://getfirebug.com
Then to edit this editor is fantastic. You can edit multiple files at the same time.
http://notepad-plus-plus.org/
I saw that asterisk after right-clicking for “Inspect Element” in Firefox and then finding that widget.
its most peculiar, I can see it by right clicking, as you say. But I simply can’t find it in the css stylesheet editor in wordpress, so where is it I wonder???
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Why do you need to know where it is in the stylesheet?
so where is it I wonder???
I do not know, but I just found this to at least possibly help explain its presence:
It is a wildcard, this means it will select all elements within that portion of the DOM.
http://stackoverflow.com/questions/1204275/what-does-an-asterisk-do-in-a-css-selector
I would guess something somewhere else is generating that code as visible via “Inspect Element”.
