WordPress theme Nucleare By CrestaProject: Modification of Header, footer, space, font, sidebar, content, images using css and documentation

Nucleare By CrestaProject is a classic blog theme with a crisp, elegant design and plenty of handy features. A built-in search box, links to your favorite social networks, four widget areas, and beautifully styled post formats make this an ideal theme for your personal blog. You can check the demo of Nucleare by CrestaProject.

You can download Nucleare theme for your personal use.

Also  you can download Nucleare Child theme for any sort of modifications.

Nucleare By CrestaProject
Here I am sharing you some css styling using which you can give the Nucleare theme a new look as your own.

If you have any question or changes in mind feel free to ask me in comments section

Question 1: How to change font size, color and font family of Site title of Nucleare By CrestaProject

.site-title, .site-title a {
color: darkred !important;
font-size: 53px !important;
font-family: cursive !important;
}

*** If you want to change site title’s hover font color

.site-title a:hover {

color: green !important;

}

Question 2: If you want to change font size, color and font family of site description

.site-description {
font-size: 23px !important;
color: darkred !important;
font-family: cursive !important;
}

Nucleare By CrestaProject top header site title area modifications

Question 3: If you want to reduce height / reduce spacing between top header site title area and the content section

#masthead {

margin-bottom: 12px !important;

}

.navigation-bar.clear {

margin-bottom: 0px !important;

}

/******* Top Menu and Social Icons Modifications *******/

Question 4: How to change selected or current menu items background color and font color in theme Nucleare By CrestaProject

.current_page_item a {
background: red !important;
color: white !important;
}

Question 5: How to change menu items hover background color and font color

.main-navigation ul li:hover > a {
background: green;
color: white;
}

Nucleare By CrestaProject top menu and social icons modifications

Question 6: If you want to change or increase the social icons size and also to change social icons color

.social-links ul a::before {
font-size: 18px !important;
color: darkred;
}

*** If you want to change hover color of the social icons

.social-links ul a:hover::before {
color: green !important;
}

Question 7 : If you want to change Blog Post title, Single Post title or Page title’s font color, font family and font size

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

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

Question 8 :  In  Single Posts if you want to change font color, font size and font family of category links (showing just above the post title)

.cat-links a {
color: darkred !important;
font-size: 12px !important;
font-family: cursive !important;
}

Question 9: If you want to change font size, color and font family of Post author and post date

.entry-meta.small-part * {
font-size: 14px !important;
color: darkred !important;
}

.entry-meta.small-part a {
font-family: cursive !important;
}

Nucleare By CrestaProject single post modifications

Question 10: If you want to change post content font size, font family and font color

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

Question 11: If you want to change content links font color and font family

entry-content a {
color: darkred !important;
font-family: cursive !important;

}

Nucleare By CrestaProject headings font size modifications

Question 12 : To change headings (h1, h2,h3, h4) font size

.entry-content h1 {
font-size: 34px !important;
}

.entry-content h2 {
font-size: 26px !important;
}

.entry-content  h3 {
font-size: 18px !important;
}

/******* Widget Section Modifications *******/

Question 13: To change the widget title border width and border color

.widget-title::after {
border-bottom: 3px solid !important;
border-color: darkred !important;
}

*** If you don’t want to show border just after widget title

.widget-title::after {

display:none !important;

}

Nucleare By CrestaProject widget section modifications

Question 14 : To change widget title’s font color, font size and font family

.widget-title {
font-size: 17px !important;
color: black !important;
font-family: cursive !important;
}

Question 15 : If you want to reduce gap between two widget section

.widget {
margin-bottom: 12px !important;
}

Question 16: If you want to use background color behind the widget title and make the title centered

.widget-title {
font-size: 17px !important;
color: white !important;
font-family: cursive !important;
background: darkred !important;
padding: 5px;
text-align: center;
}

*** To change font size, color and font family of Links in widget section

.widget a {
font-size: 14px !important;
color: darkred !important;
font-family: cursive !important;
}

*** To change  Tags (in widget) links background and link color

.widget.wp_widget_tag_cloud a {
background: #7fc7af !important;
color: #fff !important;

}

Nucleare By CrestaProject Read More button modifications

Question 17 : If you want to change homepage  “Read More” button background color and font family to be changed

.more-link {
background: darkred !important;
padding: 8px !important;
font-family: cursive !important;
}

*** If you want to change Read More button hover background color to be changed

.more-link:hover {

background: green !important;

}

Question 18: How to add company info and copyright info in the footer of wordpress theme

Answer: In the theme I shared. Check footer.php (as per the screenshot below)

Nucleare By CrestaProject Footer copyright info modifications

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….

4 Responses to WordPress theme Nucleare By CrestaProject: Modification of Header, footer, space, font, sidebar, content, images using css and documentation

  1. firstkiss says:

    I have too much white space between my header image and the content area (dev.cladriteradio.com). Can you please tell me exactly where to place the code you provided to solve this issue?

    #masthead {

    margin-bottom: 12px !important;

    }

    I’ve tried placing it in Theme Header (header.php), but it just shows on the site as text, whether I place it before the tag or after. Any idea what I’m doing wrong?

    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 )

w

Connecting to %s

%d bloggers like this: