Theme Vintage Camera by Caroline Moore is another new wordpress.com free theme which you can use for your blog. Here again i have shared some css issues which you may require to give a different touch to the Vintage Camera theme.
Also..If you need any kind of help feel free to ask in the comments section.
You will also like to check the following
1. Theme Chunk CSS Style Sheet Modifications
2. Modified Theme Chunk with Sidebar in home page.
3. WordPress Premium Magazine theme (in Genesis Framework) Modification.
1. If you want to change font family,font size,font color of Site Title of Vintage Camera by Caroline Moore
h1.site-title a {
color: blue !important;
font-family: times New Roman !important;
font-size: 40px;
font-style: normal;
}
1.1 If you want to reduce space at the top of Site Title of Vintage Camera theme
#masthead hgroup {
padding-top: 0;
}
2. If you want to change Site Title hover color of Vintage theme
h1.site-title a:hover {
color: red !important;
}
3. If you want to change Site Description font color,size and font family of wordpress.com Vintage Camera theme
.site-description {
color: red;
font-family: times New Roman;
font-size: 17px;
}
4. If you want to remove the Site Description from Vintage Camera theme by Caroline Moore
.site-description {
display: none;
}
5. If you want to use your own background image just above the black ribbon in Vintage Camera theme
.divider {
background-image: url(“http://www.inflexwetrust.com/wp-content/uploads/2012/05/JackieChan.jpg”);
background-repeat: no-repeat;
background-size: 120px 81px;
clear: both;
display: block;
height: 88px;
margin: auto;
padding: 0;
position: relative;
width: 120px;
}
6. If you want to change home page Post title’s font color,font size and font family
.entry-title, .entry-title a, .entry-title a:visited {
color: red;
font-family: times New Roman;
font-size: 27px;
}
7. If you want to change home page post title’s hover color
.entry-title a:hover {
color: blue !important;
}
8. If you want to change home page post date circle’s background color
.post-date {
background-color: blue;
}
8.1 If you want to change Vintage Camera theme’s Post date’s font color
.post-date span {
color: black !important;
}
9. If you don’t want to show home page post date in Vintage theme
.post-date {
display: none;
}
10. If you don’t want to show home page Post category at the bottom of each post
footer.entry-meta {
display: none;
}
11. IF you want to change footer category link’s font color,font family and size
.cat-links a {
color: red;
font-family: times New Roman !important;
font-size: 13px !important;
}
12. If you want to change footer Category’s hover color
.cat-links a:hover {
color: blue;
}
13. If you want to change footer Tag’s link color,font family and size of Theme Vintage Camera by Caroline Moore
.tag-links a {
color: red;
font-family: times New Roman !important;
font-size: 12px !important;
}
14. If you want to change footer Tag’s link hover color
.tag-links a:hover
{
color: blue;
}
15. If you want to change “Leave a Reply” comment’s header font color,size and family
#respond h3 {
color: red;
font-family: times New Roman;
font-size: 24px;
}
16. If you don’t want whole comments section
#comments {
display: none;
}
17. If you to change footer widget’s title’s font color,font size and font family of Vintage Camera theme
h2.widget-title {
color: blue;
font-family: “Sansita One”,sans-serif;
font-size: 18px;
line-height: normal;
}
18. If you want to change footer widgets link’s font color,font size and font family
aside.widget ul li a {
color: blue;
font-family: times New Roman;
font-size: 16px;
}
19. If you want to change footer widget link’s hover font color of Theme Vintage Camera by Caroline Moore
aside.widget ul li a:hover {
color: red;
}
Hi Om,
I’m trying to reduce the space between the site image (header) and the top of the screen. I’d like it to be about half that. Actually, ideally, I’d like to be able to move the image up and also leave an equal space below the image (before the black ribbon). Can you please help??
The site is http://www.whyyousuck.net
Thanks!!!!!
LikeLike
Hi,
To Remove the Big Large gap in ur Vintage Camera theme Header image…and to put same spacing between the header image and the menu
use this following code
#masthead hgroup {
padding-top: 0 !important;
}
header.site-header {
margin-top: 0 !important;
}
Let me know it helps u or not
Om
LikeLike
That worked perfectly!! Thanks, Om! Now, all I need to do is get rid of the site info at the bottom of the blog and we’re good to go 🙂 You rock!
LikeLike
HI,
pls try this to remove Site Info at the bottom of Vintage Camera theme
footer#colophon {
display: none !important;
}
Regards
Om
LikeLike
Amazing!! Thanks again, Om!!! Coffee is coming at you!
LikeLike