Hi
I want to add a dashed border to my category widget and my most popular article widget but I cannot find the right css to do it..
I’ve tried that
#sidebar sidebar_right three alpha .widget clearfix widget_categories {
margin-bottom: 0px;
margin-top: -10px;
background: transparent;
border: 2px dashed #EEDFC2;
}
and other combination but nothing works..What is the right code, can you help with that?
Kind regards
Chrys
Hi chryseis!
Please give us a link to the page. WP assign a unique id for sidebar widgets so we need to inspect the website. Please post a screenshot of what you’re trying to do.
Best regards,
Ismael
Hi!
Try using the !important rule, i’d like to check your blog live but is not loading on my end :/
border: 3px dashed #C9B737 !important;
Regards,
Josue
Hi,
Are you sure it’s not loading? What can cause that because my site works fine on my side…
http://www.calliframe.com/blog/
Anyway, even with important ! it’s not changing anything…
Kind regards,
Chrys
Hi!
Please try following code instead
#top-posts-2 {
border: 3px dashed #C9B737;
}
Best regards,
Yigit
Hi!
The # stands for ID, and the dot for class (element attributes), see this example:
In this case the ID would be: qt_bbp_reply_content_toolbar and the class: quicktags-toolbar
Also an ID selector will have more priority than class one. You normally use a class selector when you want to apply a style to multiple elements (class can be applied to many elements, id is unique).
Best regards,
Josue
Hi Josue,
Thank you so much for this explanation, I really appreciate it, it’s been helpful.
I’m all good now !
Thanks
Chrys