Support » Theme: Point » Having trouble overriding responsive.css

  • Hi,

    I’v been working on a child theme where i need to modify some elements of responsive.css

    I have found topic where theme author gives a tip to copy whole css directory to child theme and i did it. Unfortunatly that does nothing

    if i look at the source code there is no reference to child-theme/css/responsive.css

Viewing 15 replies - 1 through 15 (of 21 total)
  • 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.

    Thread Starter tipshunter

    (@tipshunter)

    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?

    Thread Starter tipshunter

    (@tipshunter)

    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?

    Thread Starter tipshunter

    (@tipshunter)

    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;
    }

    Thread Starter tipshunter

    (@tipshunter)

    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

    Thread Starter tipshunter

    (@tipshunter)

    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

    Thread Starter tipshunter

    (@tipshunter)

    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');
    Thread Starter tipshunter

    (@tipshunter)

    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.

    Thread Starter tipshunter

    (@tipshunter)

    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.

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘Having trouble overriding responsive.css’ is closed to new replies.