Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Do you want the lines in between them too?
Thread Starter
hoomn
(@hoomn)
Yes, I want it to look exactly like the default WordPress archive widget. (i.e. I don’t want the bullets, and I want the lines.) (BTW, as you see, the first list doesn’t use hr for the lines and just uses HTML ul & li tags.)
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
Then use its “CSS Code” section of the dashboard to hold your CSS modifications:
Alternatively use your Child Theme style.css file to hold your CSS modifications:
.widget ul {
list-style: none;
}
.widget li {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding: 0.7667em 0;
}
.widget li:first-child {
border: 0;
}
@media screen and (min-width: 77.5em) {
.widget li {
padding: 0.4688em 0;
}
}
Thread Starter
hoomn
(@hoomn)
Thank you very much for your quick response.
I’m using a child theme on the main website, and I have a style.css and a rtl.css, and I add every extra CSS code at the end of my rtl.css.
I made a child theme with a rtl.css file on the test website (http://test.iums881.ir/) and then added your code to it, and it’s working fine.
But, when I added your code to the rtl.css file on the main site (http://iums881.ir/), it’s not working!
Could you please check it to see what’s wrong? (The latest widget on the main website is the one with the bullet list which I want to change it.)
P.S. Your quick response would be highly appreciated since I have to revert the changes on the main website.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
There is no Child Theme active on your main site
Thread Starter
hoomn
(@hoomn)
Could you please check iums881.ir again?
If there is no active child theme on my main website, then what is the following code in the site source?
<link rel='stylesheet' id='parent-style-css' href='http://iums881.ir/wordpress/wp-content/themes/twentyfifteen/style.css?ver=4.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='child-style-css' href='http://iums881.ir/wordpress/wp-content/themes/twentyfifteen-child/style.css?ver=4.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='parent-style-rtl-css' href='http://iums881.ir/wordpress/wp-content/themes/twentyfifteen/rtl.css?ver=4.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='child-style-rtl-css' href='http://iums881.ir/wordpress/wp-content/themes/twentyfifteen-child/style.css?ver=4.1.1' type='text/css' media='all' />
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Thread Starter
hoomn
(@hoomn)
Yeah, it’s at the end of rtl.css. And, thank you very much, it’s working now! (I think the old CSS file was cached by Chrome…)
