Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Are you using specific enough selectors?
Like
#access ul {
...
}
#access li {
...
}
#access a {
...
}
http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
Thanks Andrew, I figured it out 🙂
I have another question, not really related, I can start another thread if needed but it’s for the same site. If you look at the bottom of each post on this picture:
http://www.denoto.net/wp-content/uploads/2013/03/design-denoto.jpg
You can see that the comment bubble and number is all the way to the right and in a different font than the category to the left. I managed to separate the entry-meta and utility but how do I separate the category and comment section in the utility?
Or is there any way I can edit the span-class:comment-link in the css?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Sorry, I don’t understand your intent and I can only see a grey screen [screenshot] when I visit your website.
Ops! Wrong link, haha, this is the right one denoto.net
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
So you want that bubble floated right? If so, what CSS have you tried?
Yes I want the bubble and the ‘1’ for comments floated right, and the text smaller. All I’ve tried is fixing the attributes for <div class=”comments-link”>, but It’s not responding at all so I don’t even think I can edit using that.
I was thinking of putting the comment in a new div separate from categories but I don’t want to mess up the whole site by messing around with functions.php.
Any other ideas?:)
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
.comments-link {
float: right;
font-size: .8em;
}
This didn’t work?
Ah, that did the trick, for some reason it wasn’t responding on my child theme.. I’m going to finish the design and then redo the whole child theme to get all my info on there. But thanks again Andrew!
I finished the menu, but now I’m attempting to add a drop down menu and theres a space between the actual link and drop down link so they aren’t clickable.. at least I’m guessing that’s why I cant click on them.. heres my code for #access
/* =Menu
-------------------------------------------------------------- */
#access {
background: #000; /* Show a solid color for older browsers */
clear: both;
display: block;
float: left;
margin: 0 auto 2px;
width: 100%;
height: 28px;
}
#access ul {
font-size: 16px;
font-family: 'oratorstd';
text-transform: uppercase;
text-align: center;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
height: 22px;
}
#access li {
float: left;
position: relative;
width: 169px;
}
#access a {
color: #eee;
display: block;
padding: 0 1.2125em;
text-decoration: none;
border-right: 2px solid #fff;
height: 22px;
padding-top: 6px;
}
#access ul ul {
display: none;
float: left;
margin: 0;
position: absolute;
top: 3.333em;
left: 0;
width: 200px;
z-index: 99999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #f9f9f9;
border-bottom: 1px dotted #ddd;
color: #444;
font-size: 13px;
font-weight: normal;
height: auto;
line-height: 1.4em;
padding: 10px 10px;
width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
}
#access li:hover > a,
#access a:focus {
color: #ccc;
}
#access ul li:hover > ul {
display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
font-weight: bold;
}
Can anyone see what’s wrong?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Yes, look at the top
property on #access ul ul
. Do you see what’s happening here?
Oh right, just decreased the height! Thank you so much again!