I would love to use Smart Archives Reloaded, but when I load it up, the font is different from the default font of my site.
The creator of Smart Archives Reloaded says the following:
"The archives should inherit the font, if it's defined properly in your CSS. Use a tool like Firebug to debug the CSS."
I don't know how to that. Can someone help me?
Utkarsh Kukreti answers:
Could you post a link to your site?
SteveFuller comments:
I don't have it "live" yet.
Luis Cordova answers:
do use this site http://www.pastie.org and send me the code over it in private message if you want
Luis Cordova comments:
what is happening is the css is getting mixed, the thing to solve is to be more precise on the css rules, either eliminating the conflicting css lines in the style.css or using property: value !important; on the style.css to override some of the styling done.
SteveFuller comments:
Here's what I *think* addresses the font issue -- from the stylesheet -- does that help?
*/
* {
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #333;
font-size: 62.5%;
font-family: arial, verdana, sans-serif;
text-align: center;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}
a {
color: #000;
outline: none;
text-decoration: none;
}
a:hover {
color: #3c6c92;
}
Luis Cordova comments:
try this first, and go on adding !important at the end of the lines:
body {
background: #fff;
color: #333;
font-size: 62.5% !important;
font-family: arial, verdana, sans-serif !important;
text-align: center;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}
SteveFuller comments:
Is that an exclamation point in front of the word "important"?
Luis Cordova comments:
yes !important
SteveFuller comments:
Here's what I did -- but there was no change --
*/
* {
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #333;
font-size: 62.5% !important;
font-family: arial, verdana, sans-serif !important;
text-align: center;
}
h1 {
font-size: 2em !important;
}
h2 {
font-size: 1.6em !important;
}
h3 {
font-size: 1.4em !important;
}
h4 {
font-size: 1.2em !important;
}
a {
color: #000;
outline: none;
text-decoration: none;
}
a:hover {
color: #3c6c92;
}
Luis Cordova comments:
is this on style.css of your theme?
or on the plugin style css?
make sure you do it for the right place
see how access is important this issue is simple yet please provide info over private message
SteveFuller comments:
I did it on style.css.
Should it be on plugin style css? If so -- where do I find that?
Luis Cordova comments:
it should be under wp-content/plugins folder and your specific plugin folder Smart Archives Reloaded
but really this is about css so we need to have a view of things, send me a screen shot also private message etc and login info
SteveFuller comments:
I don't know how to open wp-content/plugins folder -- but I did find the file.
Do you want a screen shot of what the Smart Archives Reloaded site looks like when it loads up?
I don't understand about the private message, etc.
I'm stepping out now -- will be back in 5 or 6 hours.
Thanks so much.
Luis Cordova comments:
go to my profile page http://wpquestions.com/user/profile/id/3361 and click on send message right below my name and send the info to access and solve the problem
Luis Cordova comments:
[[LINK href="http://wpquestions.com/user/profile/id/3361"]][[/LINK]]
SteveFuller comments:
I'm still not sure what I should be sending you.
Thanks for your patience.
Luis Cordova comments:
ok sent you a response over PM
SteveFuller comments:
I'd like to increase the prize $ since this is taking more energy than I thought it would.
So where's the "edit" button that's supposed to be under/near my question?
SteveFuller comments:
And how do I access private messages? I could find nothing on the FAQ about that.
Luis Cordova comments:
click on my name, ---> it will take you to profile, but no need since you have my email now
SteveFuller comments:
I click on your name, but still don't know how to access private messages.
Sorry I'm not learning this very quickly!
Luis Cordova comments:
you have my email [email protected] can you write me there please?
Luis Cordova comments:
got the theme and all files needed working on it. Will send you the solution via email.
Drew Clardy answers:
Can you paste the CSS from your theme? That would help immensely.
SteveFuller comments:
Here's the beginning of style.css -- is that enough?
Thanks.
*/
* {
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #333;
font-size: 62.5% !important;
font-family: arial, verdana, sans-serif !important;
text-align: center;
}
h1 {
font-size: 2em !important;
}
h2 {
font-size: 1.6em !important;
}
h3 {
font-size: 1.4em !important;
}
h4 {
font-size: 1.2em !important;
}
a {
color: #000;
outline: none;
text-decoration: none;
}
a:hover {
color: #3c6c92;
}
Drew Clardy comments:
Alright. There is nothing there that looks out of whack. Can you tell me what parts of the site look different with this installed?
SteveFuller comments:
When I activate Smart Archives Reloaded, the archives all load up on a page fine, but they are in a font that's not the default of the theme (I'm using Grid Focus as a theme).
Ehthisham tk answers:
this was solved earlier
[[LINK href="http://wpquestions.com/question/showLoggedIn/id/2499"]]http://wpquestions.com/question/showLoggedIn/id/2499[[/LINK]]
Duncan O'Neill answers:
Hi Steve,
firebug; http://getfirebug.com/
You'll need Mozilla Firefox browser, free download, Google it.
If you're trying to debug CSS, this tool will make your job much, much easier.
hth,