Independent Publisher 2 by Raam Dev : Modifications of header, footer, contents, customization and documentations

Independent Publisher 2 is a clean and polished theme with a light color scheme, bold typography, and full-width images. To use my provided css code you can try Simple Custom Css plugins.

 Download  Independent Publisher 2  theme by Raam Dev

 Download Independent Publisher 2 Child Theme

So You can use my shared code and ask question in the comments section.

You can take my personal help in skype : om2000_cuet

Question 1 : To make the top logo image  bigger  in Independent Publisher 2  by Raam Dev

.site-logo-link img {
max-width: 160px !important;
height: 160px !important;
border-radius: 80px;
width: 160px !important;
}

Question 2 :If you want to change social icons grey color to a different color in Independent Publisher 2 theme by Ram Dev

.jetpack-social-navigation li a, .widget_wpcom_social_media_icons_widget li a {
color: red;
}

Question 3: How to change  top social icons hover color change  in Independent Publisher 2 theme by Raam Dev

.jetpack-social-navigation li a:hover, .widget_wpcom_social_media_icons_widget li a:hover {
color: blue;
}

Question 4: How to change selected  top navigation menu color from sky blue to your own

.main-navigation li.current-menu-item > a, .main-navigation li.current_page_item > a {
color: darkred !important;
font-family: cursive;
}

Question 5: How to change top navigation menu colors in Independent Publisher 2 by Raam Dev

.main-navigation ul a {
color: darkred;
}

Question 6: How to change drop down menu  background  color

.main-navigation ul ul {
background: darkred;

}

Question 7: How to change top  Site Title’s font color font size and family in Independent Publisher 2 by Raam Dev

.site-title {
font-family: cursive !important;
font-size: 38px;
font-weight: bold;
color: #333332;
}

Question 8 : How to change site descriptions font color, size and font family

.site-description {
font-family: cursive;
font-size: 17px;
color: #929292;
}

/********** Home Page Posts  Modifications (applicable for other pages or posts) *************/

Question 9 : Font family, font size and color of Home page posts and single posts titles

.entry-title a {
font-size: 23px !important;
font-family: cursive !important;
color: darkred;
}

Question 10: How to change hover color of   Author, category, comments , dates  showing below the posts

.entry-footer a:hover {
color: red !important;
text-decoration: none;
}

/********** Single Post Modifications*************/

Question 11: If you dont want to show the Post Author, Date, category only for single post page (it will be view-able in other pages)

.single-post .entry-meta {
display: none;
}

Question 12: At the bottom of single posts, to make the Next and Previous posts title darker color and change the font family and font size

.post-navigation .nav-links a {
color: black !important;

font-family: cursive;
font-size: 18px;
}

also

Question 13: if you want to change the top and bottom border color of  Next and Previous post navigation

.post-navigation {
border-bottom: solid 1px darkred;
border-top: solid 1px darkred;
}

Question 14: For single post page if you want to change font color,font size and font family of contents or texts

.single-post .entry-content {
color: black !important;
font-family: cursive;
font-size: 16px;
}

Question 15:If you don’t want to show Comments in single posts in Independent Publisher 2 by Raam Dev

Use this pluigns to do this  Disable Comments

Question 16: Blockquote font color,border color, font size and font family

blockquote {
font-family: cursive;
font-style: italic;
border: solid darkred;
border-width: 0 0 0 3px;
font-size: 14px;
}

Question 17: To use a darkbackground color in Independent Publisher 2 theme

.site {
width: 90% !important;
margin-left: auto;
margin-right: auto;
background: white;
padding: 2%;
margin-top: 2%;

margin-bottom: 2%;
}

body {
background: darkred;
}

Question 18: How  to replace  “Proudly powered by WordPress | Theme: Independent Publisher 2 by Raam Dev.”  with my own company info.

Answer:

1. At first go to  Appearance > Editor  section ( Use Child theme I Provided to do this type of editing)

2.  Now  in the right side you will see many file names… click on footer.php    (Please check the image attached)

<a href="https://wordpress.org/">Your Company Name</a><span class="sep"> | </span>
Any Text <a href="http://automattic.com/" rel="designer">Link Of Company</a>. 



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
Like this post?
Tweet
Email
WhatsApp
Print
Like this:
Like Loading...


	
Related