Photographer by Organic themes is a beautiful minimal design theme which is perfect for photoblogging. If you are a serious Photographer or artist then you can check this theme to show your work to the world. You can check the demo of Photographer theme. If you are using wordpress.com Premium Plan, you can use it for free.
Here I have shared some css (style) using which you can give the Photographer theme a new look.
You can ask me question regarding any issue you are facing in the comment section.
You can take my personal help in skype : om2000_cuet
**** Top Menu Section Styling and Modifications ****
How to change font size, color and font family of top menus in Photographer theme by Organic theme
.menu-main-menu-container a {
font-size: 15px !important;
color: black !important;
font-family: cursive !important;
}
How to change top menu item separator color
.menu a {
border-left: 1px solid blue !important;
}
.menu li:first-child a {
border-left: none !important;
}
.sub-menu li a {
border-left: none !important;
}
How to change top menu items hover color in Photographer by Organic Themes
.menu-main-menu-container a:hover {
color: red !important;
}
**** Home page slider ****
If you want to change width of homepage slider width
.home .container, .home .container .row {
max-width: 1200px !important;
}
**** Modifications of Pages and Single Posts****
If you want to change font size, color and font family of Post or Page titles
.headline {
font-size: 23px !important;
color: darkred !important;
font-family: cursive !important;
}
In Single post, Blog page and Tag page, if You want to make the title to be left aligned instead of centered
.text-center {
text-align: left !important;
}
In blog or tag page if you want to change the font color, font size and font family
.blog .headline a, .archive .headline a {
color: red !important;
font-size: 28px !important;
font-family: cursive !important;
}
In blog page or tag page if you want to change hover font color
.blog .headline a:hover, .archive .headline a:hover {
color: blue !important;
}
In Blog or tag page if you want to change the background and font color of Read More button
.more-link {
background: red !important;
color: white !important;
}
In Blog or tag page if you want to change the hover background and font color of Read More button
.more-link:hover {
background: darkred !important;
color: white !important;
}
In Blog or tag page if you want to change font size of footer meta (Category, Tag and Comments Count)
.postmeta {
font-size: 16px !important;
}
*** Category Page Modifications ****
If you want to change the frame color to be Red or different one instead of white
.category .one-third .postarea.portfolio {
background: red !important;
}
If you dont want to show any frame or border around the image
.category div.one-third .postarea.portfolio {
background: transparent !important;
box-shadow: none !important;
}
Instead of 3 image if you want to use 5 image in a row
.container.portfolio .one-third {
width: 19% !important;
float: left !important;
left: auto !important;
right: auto !important;
top: auto !important;
position: relative !important;
margin-right: 1% !important;
}
***** Modified Width and change content section and sidebar width ****
To change the width upto 1200px
.container, .row {
max-width: 1200px !important;
}
To change the width of featured image
.featureimg img {
width: 100% !important;
}
To change the left content section width
.row .eight {
width: 75.2% !important;
}
To change the sidebar width
.row .four {
width: 20.37% !important;
}
*** Modifications of Headings ( h1, h2 etc) ***
Change font size, color and font family of H1
h1 {
font-size: 23px !important;
font-family: cursive !important;
color: darkblue !important;
}
Change font size, cont and font family of H2
h2 {
font-size: 16px !important;
font-family: cursive !important;
color: darkblue !important;
}
*** Sidebar Widget Modifications ***
To change widget title font color, font size and font family
.widget .title {
font-size: 23px !important;
color: darkred !important;
font-family: !cursive important;
}
To change the border color showing below the widget title
.widget .title {
border-bottom: 1px solid darkred !important;
}
To change link color, font size and font family in widget section
.widget ul li a {
color: red;
font-size: 16px !important;
font-family: !cursive important;
}
To change hover color of links showing in sidebar widget section
.widget ul li a:hover {
color: darkred !important;
}
To change text widget font color, font size and font family
.textwidget {
color: black !important;
font-size: 16px !important;
font-family: !cursive important;
}
If you have any issue feel free to ask me question here in comments section
OR
You can take my personal help in skype : om2000_cuet
All About Basic 