[sovit ranjitkar]

@MairiaM To add padding to separate right sidebar Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:

#primary {
    width: 62.64%;
}
#secondary {
    margin-left: 6.06%;
}

@media only screen and (max-width: 1078px) {
	#primary, #secondary {
	   margin-left: 0;
	   width: 100%;
	}
}

Now, Click on Save All Changes Button and Refresh your browser.

Thank you!

[sovit ranjitkar]

@ovcmarketing Sorry we we could not understand what you are trying to say? Can you Please clarify it nicely. Thank you!

[sovit ranjitkar]

where you want to put short menu like above? Please clarify with more details we do not understanding what your are trying to say?

Thank you!

[sovit ranjitkar]

To make sidebar widgets begin after the content ends Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:

#primary, 
#secondary {
   float: none;
   margin-left: 0;
   width: 100%;
}

Now, Click on Save All Changes Button and Refresh your browser.

Thank you for using our theme.

[sovit ranjitkar]

@MairiaM You cannot change the social media icon. There is only one way is to make them darker via photoshop go to our theme directory –> images –> and open social-icons.png in photoshop and make it dark.

Thank you!

[sovit ranjitkar]

@lisaadmin You cannot Zoom our theme. We made it that way. We will think about adding this feature in near future.

Thank you!

[sovit ranjitkar]

@ckeilson To centered the menus and the right side text in the footer Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:

#colophon .widget-area {
text-align: center;
}

Now, Click on Save All Changes Button and Refresh your browser.

Thank you for using our theme.

[sovit ranjitkar]

@Petrichorpost.com To change the link colors when a list (ul, ol) is used in a post paste below Custom CSS code with your own color code:

#content post ul a, 
#content post ol a {
    color: #777777;
}
#content post ul a:hover,
#content post ol a:hover {
    color: #05A9C5;
}

Thank you for using our theme.

[sovit ranjitkar]

@Mowjee To make whole header looks like the banner background Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and replace the below CSS code for #branding if you have already. If not just paste the below CSS code:

#branding {
    background-color: #27bdc9;
}

Now, Click on Save All Changes Button and Refresh your browser.

Thank you.

[sovit ranjitkar]

@Mowjee could you please clarify it with more detail we could not understand what your are trying to say?

[sovit ranjitkar]

@CindieCag To add a light-grey background-color for the right sidebar section Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:

#secondary {
    background-color: #e0e0e0;
    padding: 2%;
    width: 27.28%;
}
@media only screen and (max-width: 1078px) {
        #secondary {
	   width: 96%;
	}
}

Note: TO change color of your choice change above HEX color code e0e0e0 with your own HEX color code

Thank you for using our theme.

Now, Click on Save All Changes Button and Refresh your browser.

[sovit ranjitkar]

Ok Great!

[sovit ranjitkar]

@Mowjee To change the header background as (turquoise) Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:

#branding {
    background-color: #29C8D3;
}
#access {
    background-color: #FFFFFF;
}

Now, Click on Save All Changes Button and Refresh your browser.

Thank you for using our theme.

[sovit ranjitkar]

To change the slogan button color Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:

.slogan-wrap .view-work {
        background: #b5e6ee;
	background: -webkit-linear-gradient(#d0eef4, #b5e6ee);
	background: -moz-linear-gradient(#d0eef4, #b5e6ee);
	background: -ms-linear-gradient(#d0eef4, #b5e6ee);
	background: -o-linear-gradient(#d0eef4, #b5e6ee);
	background: -webkit-gradient(#d0eef4, #b5e6ee);
	background: linear-gradient(#d0eef4, #b5e6ee);
}
.slogan-wrap .view-work:hover {
	background: -webkit-linear-gradient(#E3F5F9, #b5e6ee);
	background: -moz-linear-gradient(#E3F5F9, #b5e6ee);
	background: -ms-linear-gradient(#E3F5F9, #b5e6ee);
	background: -o-linear-gradient(#E3F5F9, #b5e6ee);
	background: -webkit-gradient(#E3F5F9, #b5e6ee);
	background: linear-gradient(#E3F5F9, #b5e6ee);
}

Note: Change all above HEX color code d0eef4 for top also change all b5e6ee for bottom and change all E3F5F9 for mouse hover effect with your own HEX color code for HEX color code visit this link http://0to255.com/

Now, Click on Save All Changes Button and Refresh your browser.

Thank you!

[sovit ranjitkar]

@myzhang To make the header background pattern transparent Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:

#branding {
    background-image: none;
}

Now, Click on Save All Changes Button and Refresh your browser.

Thank you!

[Author]

Posts