Change colour scheme?

Hello!

I have installed this theme on a test WordPress installation to check this for you.

You have some predefined color schemes which you can try out at Appearance->Supernova Options->Styling. But if you cannot find the one which suits your needs, it is a relatively easy task modify a style to your needs with some custom css coding. If you would like this, I am here to help you, and if you can provide a link to your site and the colors what you would like, I am happy to do the modifications for you.

Greetings,
Balint

I have tried custom css, but it doesn’t seem to make any difference, even doing a search in the css file for the colours doesn’t turn up anything :/

I have to admit that it is a little bit set up differently, but it can be done, trust me ?? . I have changed some element colors just for demonstration, take a look:

https://d.pr/i/J2M4Screenshot

Greetings,
Balint

Did you do that by editing the css file or adding custom css??!!

I have modified the style.css file of the theme. For the long run, the best way is to create a child theme, and add those modifications inside the child theme, it should work just like this.

Balint

Back to the detective work then!

Many thanks ??

You are very welcome! If you would like, I can help you make the modifications.

If you need any more help, just drop a line here.

Have a nice day!

Balint

Ahhh I think because I had a different style selected in the theme options it wouldn’t make the changes, I’ve selected the default theme and the changes seem to be happening now :/

Thanks again!

I am glad that you were able to sort it out.

You are welcome!

/*Colors*/
#header_navigation .category ul li a{color:#e64e4b}
.header_catnav .catnav ul a {color:#e64e4b}
#top_nav li a:hover{color:#e64e4b}
#nav li a:hover {color:#e64e4b}
#nav li.current_page_item a, #top_nav li.current_page_item a{color:#e64e4b;}
#nav .current_page_item .hasChildren, #top_nav .current_page_item .hasChildren{border-top:8px solid #e64e4b;}
.post_title a:hover{color:#e64e4b!Important;}
.article_wrapper{border-left:1px solid #e64e4b}
page_links a {color:#e64e4b}
#content .tags a {background: #e64e4b}
.next_prev_post a{color:#e64e4b;}
.entry a{color:#e64e4b;}
.entry .moretag:hover {color:#e64e4b!Important;}
.main_content .meta_author a{color:#e64e4b;}
#footer .current_page_item a{color:#e64e4b;}
#footer a:hover{color:#e64e4b}
.footer_nav li a:hover,#footer .footer_nav li a:hover{color:#e64e4b!important}
.widget_pages a:hover{background:#e64e4b;}
.widget_meta a:hover{background:#e64e4b;}
.widget_archive a:hover{background:#e64e4b;}
.widget_recent_comments a:hover{background:#e64e4b;}
.widget_nav_menu a:hover{background:#e64e4b;}
.widget_recent_entries a:hover{background:#e64e4b;}
.widget_tag_cloud a:hover{background:#e64e4b;}
#wp-calendar tbody td:hover { background: #e64e4b;}
#wp-calendar #today{background: #e64e4b;}
.rsswidget:hover{color:#e64e4b!important}
.supernova a:hover{background:#e64e4b;}
.widget_categories li a:hover{background:#e64e4b;}
.leave_comment a:hover{color:#e64e4b;}
.single_content .meta_author{color:#e64e4b}
#supernova_breadcrumbs a{color:#e64e4b}
.supernova_related_posts a{color:#e64e4b;}
.supernova_related_posts a:hover{background: #e64e4b;}
.pagination a:hover{color:#e64e4b}
.pagination .current{color:#e64e4b;}
.replyback a {color:#e64e4b;}
.flex-control-paging li a.flex-active { background: #e64e4b;}
/*Selection*/
::selection{background: #e64e4b; /* Safari */}
::-moz-selection{background: #e64e4b; /* Firefox */}
p.red::selection{background: #e64e4b;}
p.red::-moz-selection{background: #e64e4b;}

#e64e4b is the color you might want to change to change the whole color scheme. Paste this in Apperance>Supernova > Styling> Custom CSS so you dont loose it after the theme is updated.