.site-header:after {
bottom: -6px;
box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px -6px inset;
content: "";
height: 6px;
position: absolute;
width: 100%;
}
]]>#mainMenu ul li li:first-child a:after{
content: '';
position: absolute;
top: -8px;
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 14px solid #FFF;
}
This was working and now it just stopped. When I look at the CSS with firebug, the left and right border are not showing up. If I add them in firebug the same way I have written in my CSS file the triangle appears. I also noticed that when I view the source code from the browser a # is showing before transparent, I think this is some how causing the problem. However this does not exist in my code! Could someone tell me what’s going on???
thanks
https://danielpaymar.com
]]>Thanks for any help in advance
P
.postContent a:link:after,
.postContent a:visited:after {
content: " (" attr(href) ") ";
font-size: 10pt;
}
However, it also adds the URL to the “read more” link, which I don’t want.
I have tried using the WordPress default class “more-link” that is part of the “read more” link,
.postContent a:link:after.more-link,
.postContent a:visited:after.more-link { content: ""; }
but this had no effect.
I also tried adding a class to a span within the tag in index.php
<?php the_content('<span class="note">Read more »</span>'); ?>
but this didn’t effect it either, because the span ends up inside the opening and closing link tags so it doesn’t affect the link but the text inside it.
I think I need to do this as a function in my theme, but I don’t know in which file is the default code that creates the “read more” …
any help? thank you…
]]>