What theme is it? These kinds of changes are entirely theme/site specific – probably mostly CSS – but no way to offer any help without seeing the site.
Hi,
It’s called the ‘Core’ theme. It’s a responsive theme from themeforest. What I’ve found so far is to move the menu into the position I desire, I need to change this css to hide the float:
#menu_border_wrapper select {
display: inline-block;
/*float: right;*/
margin-top: 15px;
}
edit: line: 110
/themes/core/css/grid.css?ver=4.8
That seems to position things more accurately. Do I add that in the Custom css editor in the admin section? I’ve seen posts where it says to be careful of what css changes you make or they either will get overwritten, or mess up the parent theme.
If I get that positioned, I would like to also get the logo centred as well on mobile versions.
I have found the css for that as well, just not sure how to get that centred on various devices.
.logo_wrapper {
margin-right: 10px;
margin-top: 10px;
max-height: 60px;
max-width: 200px;
}
.logo_wrapper {
margin: 28px 40px 0 10px;
}
.logo_wrapper {
display: block;
float: left;
margin: 20px 40px 12px 0;
}
.logo_wrapper {
display: block;
float: left;
margin: 20px 40px 12px 0;
}
Custom CSS should be safe from updates. But editing theme files isn’t safe from updates. The best way to work with CSS is using a browser tool like Firebug – http://getfirebug.com
Good CSS references and tutorials:
https://developer.mozilla.org/en-US/learn/css
http://www.w3schools.com/css/
http://csscreator.com
Ya, that’s how I found the css code is with firebug. I’m familar with programming, just not in WP. So, I don’t know how to implement the custom css that will be used in place of the parent template css.
In general, you just add CSS to the custom CSS and it will (should) override the parent theme CSS – if it doesn’t then it’s likely that:
1. you have errors in your CSS
2. your CSS is not specific enough (can also depend on the order CSS is loaded – some themes have multiple stylesheets)
Firebug and the CSS validator should help you with either of those issues.
great. Thanks for the info, I’ll give it a go and report back.
Much appreciated.
Hi,
Well I’m striking out with this. So far these were my steps to make some theme changes without affecting the parent theme.
1. Using Dev Tools in IE and Firebug in FF I figured out the css that I need to change.
2. I created a new folder called core-child and placed that in the themes folder
3. I created a new style.css file and added the below lines:
/*
Theme Name: Core
Description: Child theme - Premium Template for Photography Portfolio
Version: 4.8
Author: Me
Author URI:
*/
@import url("../core/style.css");
#menu_border_wrapper select {
display: inline-block;
/*float: right;*/
margin-top: 25px;
}
.logo_wrapper {
margin-right: 10px;
margin-top: 10px;
max-height: 75px;
max-width: 250px;
}
I saved that new style.css is the core-theme folder.
However, none of those changes showed up in the theme when I loaded it. What am I doing incorrectly?
thanks.
hmmm, ok. I found more info that I have to activate the Child theme in the appearence – themes section of the dashboard.
I see the child theme listed and can activate it. But, I did a live preview of the child theme thinking it would look exactly like the parent just with my few css additions but it doesn’t look anything like the parent. My css changes would not affect the entire theme. It just looks like all the things that are loading with the parent, are not loading with the child theme.
I have no idea why this doesn’t work.
Theme settings and options do not transfer to a child theme – it’s like changing to any other new theme. You need to activate the child theme in order to redo those and make the changes you want.
Ok, I did that and still it’s not working as expected. I made all the changes like the original installed theme and most of it doesn’t work. The menu doesn’t show the submenu items that are listed in the menu, the background style doesn’t change, the gallery flow doesn’t load, etc, etc.
There is just many different aspects of the original that don’t appear.
Bad thing about this is I thought, ok, while I figure this out I’ll just switch back to the previous them only to find that all may settings in that original are now also gone including the logo, and favicon settings.
It’s possible the theme will not work with a Child Theme – some won’t.
Since that’s a commercial theme, you’re really going to need to ask the developer about further questions – we don’t have access to them – and they aren’t supported here.
Alright. I appreciate the help and direction.