Date FONT & FORMAT
-
Hello,
I am wondering if anyone can help me remove the two grey lines beside the date on my blog http://www.jessica-franklin.com
and also,change the colour of the font and move it closer to the post title.
-
Around line 137 style.css you have this style (causing the grey lines),
border-bottom: 1px solid #DDD;
If you want to change this style not to show grey lines, first create a child theme CSS file.
http://codex.wordpress.org/Child_Themes
Once you have accomplished this, let us know and we can help you further.I created a child theme a while ago..but when I go into the editor with the child theme there is nothing there…like there is no code at all ..
this is all i see in the stylesheet
/*
Theme Name: j
Description: jj
Author: Jessica
Template: manifest_v1.1(optional values you can add: Theme URI, Author URI, Version)
*/@import url(“../manifest_v1.1/style.css”);
Excellent Jessica,
In the bottom of that stylesheet could you add this;h5.postDate{ border: 0; }
below you can see how i have added it to the bottom of the stylesheet but, unfortunately it has not changed the appearance
/*
Theme Name: j
Description: jj
Author: Jessica
Template: manifest_v1.1(optional values you can add: Theme URI, Author URI, Version)
*/@import url(“../manifest_v1.1/style.css”);
h5.postDate{
border: 0;
}Try refreshing the page a couple of times ☺
thank you! it worked. for some reason it still appears on the google chrome browser on my pc… but on internet explorer and on my ipad and iphone it works properly. strange…
also! would you happen to know how to change the colour of the font of the date and the size…and move it closer to the post title?
THANKS
would you happen to know how to change the colour of the font of the date
Add this and use the hexadecimal value of the colour, e.g #cccccc = grey.
h5 abbr{ color: #cccccc; }
To change the date size, add your size value aside ‘font-size: ‘. E.g ‘font-size: 20px’. It can be in Pixels (px), EM (em) or Percentage (%);
h5 abbr{ color: #cccccc; font-size: 20px; }
thank you, so in order to add a different font, could I do,
h5 abbr{
color: #cccccc;
font-size: 20px;
font-family: times new roman
}Yes Jessica, there are limits as to which browsers support fonts, but Times New Roman is supported.
Thank you Andrew,
Would you happen to know why my changes are updated on some browsers and not others?
This is due to your browser ‘caching’ or ‘saving’ the webpage for quick and easy access when revisiting that webpage.
You could try emptying the cache, this is an option when clearing browsing history.
THANK YOU!!!! It worked.
My final question is how to remove the big gap between the date and post title
You’ll need to change the margin-bottom value (is at 50px) to something reasonable like 10px and add it to the date style (you’ve already defined).
h5.postDate{ border: 0; margin-bottom: 10px; }
It worked.
Is there a way to change the font of my post title?
- The topic ‘Date FONT & FORMAT’ is closed to new replies.