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

Independent Publisher 2 by Raam Dev

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.

Or can take my personal help.

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

Independent publisher 2 header social icons, site title,menu modification

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

Independent publisher 2 homepage posts modifications

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

Independent publisher 2 by raad dev single posts modification

 

 

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

body background independent publisher 2

 

 

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

Pay me some, I will help you for CSS Issue PersonallyCLICK HERE….

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

  1. David Z. Moster says:

    Love the theme. How do I reduce the space between the menu and the top of the page, e.g., at https://929chapters.com/books/

    Like

  2. David Z. Moster says:

    (meaning: reduce the space between the menu and the words “the Pentateuch”) https://929chapters.com/books/

    Like

  3. David Z. Moster says:

    Yes! Worked great! I may not need it for a few months (and another site), but do you by any chance do WordPress development? Please contact me if yes and let me know your fees…

    Thanks!

    Like

  4. David Z. Moster says:

    Thanks! I would only need some tweaks. For example, when 929chapters.com is viewed on my iPhone, the menu appears within the header image, not below it. Any idea how to fix this?

    Like

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 )

Connecting to %s

%d bloggers like this: