Hi!
Is the child theme loaded active or is the original theme active?
If you didn’t change any of the css it should look the same. Try editing some of the child theme css. Maybe the text or something.
Hi,
Child theme is active and usual style.css works fine. Its only responsive.css that fails.
Somehow it wont trigger. I tried editing text color etc but nothing. It reacts only if i edit parent responsive.css
What’s your site url and the theme name?
my child theme name is point-tipshunter. Point is parent
http://test.tipshunter.com
What were you trying to edit? Responsiveness works. But what exactly is not working for you?
If you take a look at main menu(responsive) text color is white but it should be red becausei changed it to in child theme
#navigation li a {
width: 100%;
color: #f00;
padding: 8px 0;
border-left: 0;
border: 0;
}
Change Reponsive.css line #27
color: #ffff!important;
to
color #ff0505!important;
Example:
media=”all”
@media screen and (max-width: 960px)
#navigation .menu a {
**** color: #FFFFFF!important; *****
padding-left: 0!important;
padding-right: 2%;
width: 100%;
text-indent: 3%;
padding-right: 0;
font-weight: normal;
font-size: 14px;
border-left: 0;
padding: 8px 0;
border: 0!important;
}
Thanks for taking time but does it matter if i change that in my child theme because !important setting is within parent theme and i dont want to edit there.
i did that edit as you suggested but its not working if you have child-theme. Let me illustrate:
/parent-theme
/css/responsive.css
/child-theme
/css/responsive.css **** i want this one to override parent
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You don’t want that to override the parent, you just want your child theme style.css file to override the parent.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
This is the order in which your theme probably loads its CSS:
1. responsive.css
2. style.css
3. style.css (child theme)
So, by the rules of CSS you can just put any style you want to override straight into your Child Theme style.css file
so its not possible for me to override responsive.css in parent? changing color of the text was just an example. I really want to change behaviour of featured images when responsive.
If you look att my URL alignment doesnt look so nice
how about doing something with functions? wp_dequeue, remove_action etc
Well, I thought that was your actual problem. Now that is another issue
PArent theme function
function mts_enqueue_css() {
$mts_options = get_option('point');
global $data;
wp_enqueue_style('stylesheet', get_stylesheet_directory_uri() . '/style.css','style');
wp_enqueue_style( 'GoogleFonts', '//fonts.googleapis.com/css?family=Droid+Sans:400,700');
wp_enqueue_style( 'GoogleFonts2', '//fonts.googleapis.com/css?family=Open+Sans:400,700');
//Responsive
if($mts_options['mts_responsive'] == '1') {
wp_enqueue_style('responsive', get_template_directory_uri() . '/css/responsive.css', 'style');
it really isnt another issue. there are settings like:
.secondpost {
width: 33.6%;
float: left;
}
i’m just trying to change width to something else. Thats it. Sorry if i wasnt clear enough.
i think i might have find a way. In theme options it is possible to turn responsivness off. Then i my functions file i add
function tipshunter_responsive (){
wp_enqueue_style('responsive', get_template_directory_uri() . '/css/responsive.css', 'style');
}
add_action('wp_enqueue_scripts','tipshunter_responsive', 999);
it seems to be working but i need to add some elements from style.css because there is stuff missing now.