Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 10, 2014 at 10:00 pm #29954
    Aar
    Member

    Hello,

    I recently downloaded the catch-everest theme. I created a child theme. I just want to make several minor changes (line-spacing, color, …), so i want to use my new “style.css” to do that.

    But I have a problem: the responsive.css page from the parent theme overwrites my new style.css page. For example :

    I changed the margin-bottom from this line in responsive.css, that i copy/pasted in style.css: “article.sticky .featured-post, .page-header, p, .featured-image, .entry-content table, .comment-content table, .widget.widget_catcheverest_social_widget, #content .searchform”, but it doesn’t change anything.

    How can i fix that ? I would like to have only one style sheet to configure and I would like to keep the responsive design.

    Thank you !

    May 12, 2014 at 12:26 am #30107
    Sakin
    Keymaster

    @Aar: As many user didn’t knew about @media screen css for responsive design and edit the css randomly, which created lot of issues in responsive style. So, we added in different responsive.css file.

    If there is just few edits like that then you can add it in “Appearance => Theme Options => Custom CSS” box.

    Also when you copy from responisve.css file you need to copy with while media screen css. For example:

    @media     screen and (min-width: 1190px) {
    .page-links,
    .widget,
    blockquote,
    .site-content article,
    .site-content .site-navigation,
    #infinite-handle,
    .comments-title, #reply-title,
    #respond {
    margin-bottom: 50px;
    margin-bottom: 5rem;
    }
    }

    May 13, 2014 at 1:16 pm #30361
    Aar
    Member

    Hello,

    Thank you very much I will try it that way then!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to overwrite on responsive.css’ is closed to new replies.