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.

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

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

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

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;

}

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;

}

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;

}

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)

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