Change colour scheme?
-
Hello,
I wondered if it is possible to change to colour scheme from those that are within the theme options to a custom scheme to fit in with company colours?
Many thanks!
-
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,
BalintI 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:
http://d.pr/i/J2M4Screenshot
Greetings,
BalintDid 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.
The topic ‘Change colour scheme?’ is closed to new replies.
