WordPress Tricks

Radiate By ThemeGrill : Modifications of Header, Footer, Sidebar, menus,titles and more

Radiate By ThemeGrill is a clean, creative and minimal personal blogging responsive WordPress theme. The theme has full width slider to highlight some of your unique posts and has featured pages section to tell more about you. Just focus on writing beautiful content and everything else will be handled by this theme in a simple manner.

theme radiate header menu submenu search icon modification
  1. If you want to change selected menu background color, Menu and Child menu hover menu color to different one use the code below
.main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover>a {
    background-color: darkred !important;
    color: #fff;
}
2. If you want to change font size, font family, padding of menu and sub menu items
.main-navigation a {
    font-family: cursive !important;
    padding: 0 18px !important;
    font-size: 14px !important;
}
3. If you want to change Search magnifying glass color to different one in Radiate theme
.header-search-icon:before {
     color: darkred !important;
   }
4. To change sidebar widget link color in Theme Radiate
div#secondary a {
    color: darkred !important;
}
5. If you want to change font size, color, font family of sidebar widget-title of Radiate theme
#secondary h3.widget-title {
    font-size: 17px !important;
    color: blue !important;
    font-family: cursive !important;
}
6. If you want to use background color around widget title and make it centered and white color
h3.widget-title {
    background: darkred;
    text-align: center;
    color: white !important;
    padding: 5px;
}
7. To change Footer widget section background color
#colophon {
    background: darkred !important;
    padding-top: 23px;
}
#colophon .widget {
    background: transparent;
}
8. To change footer widget title font color, size, font family, style and to make the title uppercase in Radiate theme
footer .widget-title {
    color: white;
    font-size: 19px;
    font-family: cursive;
    text-align: center;
    text-transform: uppercase;
}
9. To change footer widget texts font color, size, font family
footer .widget, footer .widget p {
    color: white !important;
    font-family: !cursive important;
    font-size: 18px !important;
}
10. To change footer widget links font color, size, font family
footer .widget li a {
    font-size: 18px !important;
    color: darkred !important;
    font-family: cursive;
}
11. In single post or single page, if you want to change title’s font color, size and font family changed
.entry-title {
    font-size: 21px;
    font-family: cursive inherit;
    line-height: 1.5;
    color: darkred !important;
}
12. To change Blockquote’s font size, color, background and font family
blockquote, blockquote p {
    background: darkred;
    color: white !important;
    font-size: 19px;
    font-family: cursive;
}
13. To change single post meta ( post date, author etc) font size, color and font family
.entry-meta, .entry-meta * {
    color: darkred !important;
    font-size: 13px !important;
    font-family: !cursive important;
}
14. To change Next Post and Previous Post title ( post navigation titles which are showing at the bottom of the post) font size, color and font family
.navigation.post-navigation a {
    font-size: 18px !important;
    color: darkred !important;
    font-family: !cursive important;
}
Theme Radiate Related Post section modification
15. To change Related Post titles font size, color and font family
.jp-relatedposts-post-title a {
    font-size: 12px !important;
    color: darkred !important;
    font-family: cursive;
}
16. If you want to change the headline “Related” font size, color and font family
.jp-relatedposts-headline, .jp-relatedposts-headline * {
    font-size: 20px !important;
    color: darkred !important;
    font-family: !cursive important;
}
17. If you don’t want to show Category name below the Related Post title
.jp-relatedposts-post-context {
display: none !important;
}
19. In Homepage, if you want to change homepage slider title font color, font size and font family
.slider-title a {
    color: blue;
    font-size: 23px;
    font-family: !cursive important;
}
20. To change slider text font color, size and font family
.slider-meta, .slider-meta p {
    font-size: 24px;
    color: green;
    font-family: cursive;
}
21. To change slider “Read More” button border color, font color, font size, font family and more
.slider-meta .more-link-text {
    border: 3px solid darkred;
    font-size: 20px;
    color: #fff !important;
    font-family: !cursive important;
}
22. To change slider “Read More” button hover background and border color in Radiate theme
.slider-meta .more-link-text:hover {
    background: red !important;
    border-color: red !important;
}
23. In archive pages like Tag, Search, Category pages if you don’t want to show the header or Tag / Search / Category name at the top
.archive .page-header {
    display: none;
}
24. Or, if you want to add a background color behind the Tag / Search / Category title container
.archive .page-header {
    display: none;
    background: darkred;
    color: white;
}
25. In Archive Tag / Search / Category page, if you don’t want to show the footer meta ( category name and tag name)
.archive .entry-meta {
    display: none;
}

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

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