Archived

This topic is now archived and is closed to further replies.

  • 0

Conflicting CSS for nav & primary links

Question

Posted · Report post

This is my first day using PageLines. I'm not a coder but I've been doing framework based WP sites and picking my way around Firebug for a few years now. I'm struggling with this and I know it's my lack of understanding of the finer points of CSS.

 

Dev sites at http://www.mike.hoffmangraphics.com and http://www.solsara.hoffmangraphics.com. I'm testing different nav bars and footer approaches between them.

 

Im using Simple CSSLite to style the classic nav and I've put in the following CSS so far:

body{}

.home .entry-title { display: none; }


h1, .entry-title, .entry-title a {
    color: #767B00;
    font-size: 25px;
}
.fpost .entry-title {
    font-size: 25px;
    color: #767b00; 
}

h2, .entry-title, .entry-title a {
	color: #804C1B;
	font-size: 20px;
    margin-top:10px;
}

h3, .entry-title, .entry-title a { color: #767B00; font-size: 16px; margin-top:10px;}
h4, .entry-title, .entry-title a { color: #FFFFFF; font-size: 13px;}
h5, .entry-title, .entry-title a, #footer a, #footer li { color: #FFFFFF; font-size: 13px;}

.widget .widget-title {
    font-size: 15px;
    color: #767B00 ;
    font-variant:small-caps;
}

.footer-extras .copyright {
    display: inline-block;
    padding: 0 5px;
    color: #ffffff;
}
.footer-extras .additional {
    padding: 0 5px;
    color: #ffffff;
}

It's looking relatively good. The problem I need help with is that the links are still showing up as blue from the default installation. I've set them to green in the PL Color Control panel but they're still blue. If I put :

 

a {
    color: #767b00 !important;
}

 

It turns the link green but it messes up the navigation. Anyone with more expertise care to jump in and help me sort this out? I've got to get rid of that ugly blue! THANKS!

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi Sheila,

 

Code, as you have above, should not be posted here in the forum.  Instead, please use paste.pagelines.com and provide a link to that in your forum topics. Please understand that our moderator team are not professional developers and cannot diagnose your code.  For that, we recommend using http://jigsaw.w3.org/css-validator/.  Simply copy your code to the "By direct input" tab and run the free validator to find solutions to CSS errors.

 

If you have errors in your code above the color designation, then anything after the error will not work properly.   Also, you are only changing the color of hypertext links to that color green. Other things may affect the a tag, and there may be variables in play also affecting it, from plugins or other settings.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks you so much. I didn't see that in the guidelines about not pasting code.Should I edit that out now?

And thanks for the tips on how the CSS works. I'll work with it some more.

 

I'm assuming the forums are both moderated by staff AND there is also peer-to-peer help going on as well. Is that accurate?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

Yes, the forums are moderated, primarily, and there is no limitation prohibiting others from helping with topics.  In a moderated forum, many do not choose to pitch in to help others. Which is why many who post in un-moderated, peer-based forums wait weeks, even months, for a reply.   We do have several wonderful members who are kind, dedicate time and effort and try very hard to help fellow PageLiners, but since they volunteer, there's no guaranty they will reply as quickly as our staff.

1 person likes this

Share this post


Link to post
Share on other sites