Photographer by Organic Themes : Modification of Width, single post, page, sidebar, footer, menus, font and more

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.

wordpress theme for photographer

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.

Or can take my personal help.

**** 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;
}

single post title to be left aligned

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;
}

Blog or tag page Read More button modifications

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 ****

photographer category page modification

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 ****

Content section and sidebar width modification

 

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 ***

widget section 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
Pay me some, I will help you for CSS Issue Personally CLICK HERE….

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s

%d bloggers like this: