Hi all!
I’ve been trying everything I can to change the line that sits below “Latest Articles”, but can’t seem to override two different sets of .block-title calls. I’ve searched the forums here, but the methods still elude me.
Can anyone point me to what’s wrong @ http://www.papadaisuki.com ?
.block-title {
border-bottom: 1px dotted black!important;
}
Hello,
Try to use !important if the css does not apply as it means the code needs to be more specific and with a greater priority. Use the code like so:
.block-title{
border-bottom: 2px dotted black!important;;
}
It will affect all block titles though if you use the code like this.
Thank you!
Bogdan,
I don’t know if I’m misunderstanding you, but you can see in the example that I gave, that I’m using !important. It isn’t working for me unfortunately.
Also, I think you mean a single semi-colon, correct?
To clarify, I am using a child-theme with Newspaper.
Hello,
Yes I meant a single semicolon. Sorry. if a css code that you add in the custom css area dos not apply, then you need to check the code above for any open tags. Please make sure every tag in the code above the one you want to insert is closed properly. Also test without the child theme. Activate the main theme as if the child theme was not updated properly it could create issues. When we create css code we use the browser inspector and a chrome extension called live css editor. When you create a css and add it to the live css editor and it works, it should also work from the theme panel->custom css box: http://screencast.com/t/XutAAsbZ6H8
I hope this helps.
Thanks.
Bogdan,
I managed to fix my css issues, by removing functions.php and using
@import (../Newspaper/style.css)
.. in my child theme’s style.css. I then reloaded the theme and now my custom css is working. I still don’t know what the problem was.
Thank you for the tip, I will definitely try using live css to test from here on out.
