CSS in child theme not overriding the parent theme
-
Hi Guys,
I have been reading this forum for a few weeks now and found alot of useful info on here!
I am trying to customise the theme but whatever changes I make in the child CSS seem to be ignored.
For example the simple task of moving the social media icons to the right of the topbar does not work, however if I make the same changes in the parent CSS it works?
I am trying to avoid messing with the parent CSS for obvious reasons.
Any guidance would be appreciated, I have created the folder “graphene-child” in the themes folder and using the css below:
/*
Theme Name: Graphene Child
Theme URI: http://www.ahtuning.co.uk
Description: Child theme for the Graphene theme
Author: Aftab Hussain
Author URI: http://www.ahtuning.co.uk
Template: graphene
Version: 1.0
*/
@import url("../graphene/style.css");
/*
#rss {
float: right;
}
#top_search input {
float: right;
margin-right: 10px;
width: 50px;
}
#top_search button {
float: right;
margin-right: 10px;
}
*/Mod
/*is the opening comment markup and*/is the closing comment markup, so anything between them will be ignored. It should look like this:/*
Theme Name: Graphene Child
Theme URI: http://www.ahtuning.co.uk
Description: Child theme for the Graphene theme
Author: Aftab Hussain
Author URI: http://www.ahtuning.co.uk
Template: graphene
Version: 1.0
*/
@import url("../graphene/style.css");
#rss {
float: right;
}
#top_search input {
float: right;
margin-right: 10px;
width: 50px;
}
#top_search button {
float: right;
margin-right: 10px;
}If you use Notepad++ to edit these files, anything commented out will appear in green, so you will automatically know if this is an issue.
Cheers,
Ken
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.
