List styles in widgets
-
Hi guys,
I use a Customizr child theme and I have added some widget plugins to my website. The plugins are “Advanced Sidebar Menu”, “Inner Page Menu” and “Related Posts By Taxonomy”.
The problem is that those plugins show lists with their own style and I want them to use the same style as default Customizr widgets (as in common “Pages widget” or “Last posts widget”).
In particular, I want to change the list style type (SINGLE RIGHT-POINTING ANGLE QUOTATION MARK), animate it when hovering, and add those thin lines between each item. Just like in the default Customizr theme.
There’s any way to put it in my CSS stylesheet or anywhere? Can you give me the code?
And, my last question, can I define this style to all the lists in the website, even if they are inside the posts or pages?
Please help me!
-
Sure you can!
to both your question the answer is yes, but there are few requirements:1- you need to use a child-theme
2- you need to share a link to your site so I can give you detailed infoFor now take a look at this sidebar on this site done with Customizr:
http://www.elc.uvic.ca/category/law/freedom-of-information-foi/I’ll follow up as soon as you provide your link
G.This is the site:
http://paginadeprova.comoj.com/Thank you very much!
It seems you are not using a child-theme.
Please follow this steps to install it:
https://wordpress.org/plugins/childify-me/installation/
here the full documentation about child-themes in Customizr:
http://doc.presscustomizr.com/customizr/creating-child-theme-customizr/Once you are done with this you/we can actually tweak your sidebar styles
I am using a child theme. Can you help me?
Thank you.
This is the actual stylesheet.
ok Marxitu,
here is a sample code you can use:.widget.widget_archive li::before, .widget.widget_calendar li::before, .widget.widget_categories li::before, .widget.widget_links li::before, .widget.widget_meta li::before, .widget.widget_nav_menu li::before, .widget.widget_pages li::before, .widget.widget_recent_comments li::before, .widget.widget_recent_entries li::before, .widget.widget_rss li::before { content: "β"; }This changes obviously only the element “shape” before the listed item.
Now if you can give me a link of sidebar that you want to display differently [and of course how you want display it!] I can give you more detailed code.
This is the page I tested so far:
publicacio-de-declaracio-bens-dels-6-primers-regidors-de-som-gramenet/but you can play with many other parameters:
.widget.widget_archive li::before, .widget.widget_calendar li::before, .widget.widget_categories li::before, .widget.widget_links li::before, .widget.widget_meta li::before, .widget.widget_nav_menu li::before, .widget.widget_pages li::before, .widget.widget_recent_comments li::before, .widget.widget_recent_entries li::before, .widget.widget_rss li::before { content: "β"; left: -10px; position: relative; transition-delay: 0s; transition-duration: 0.2s; transition-property: left; transition-timing-function: ease; }let me know
Ok,
so now I’m officially lost;
what still needs to be done?
or is this resolved?sorry this conversation has been stretched a bit in time and now I’m confused.
This is resolved!
π
I told you, I’m confused… I wish I could go to Cuba to rest!
The topic ‘List styles in widgets’ is closed to new replies.
