WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Removing Parent theme CSS in a child them (13 posts)

  1. ronaldfuquay
    Member
    Posted 9 months ago #

    I have a child theme based off of Twenty Eleven and I wish to remove all of the responsive css from the parent theme.

    I know I can add all of the CSS from the parent theme to the child theme style sheet instead of importing the parent style sheet. Doing this method works, but is this the only way to remove the responsive css from my child theme?

    I have tried removing the viewport code from the header.php, and change max-width:1000px; to width:1000px; in my css and that did not work.

    any advice?

  2. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    I know I can add all of the CSS from the parent theme to the child theme style sheet instead of importing the parent style sheet.

    No you should not do that.

    For help with CSS, we need to see the site live.

  3. ronaldfuquay
    Member
    Posted 9 months ago #

    the live site is at http://www.tapsbus.com

    We have a mobile site that mobile users get automatically redirected to so we want to remove the responsive aspects of the base twenty eleven theme. We will be adding the ability to view the full site from a mobile device but the responsiveness breaks and it looks horrible. We would rather a fixed width version of the site and mobile users would just have to zoom in to areas.

    As I stated above, on my MAMP environment, I have tried removing the view-port code in the header.php and changing the page max-width to just width but that does not seem to do the trick.

    Thank you for your help, and I apologize for the double post.

  4. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    This seems to work?

    #page {
        background: url("img/header.jpg") repeat-x scroll 0 0%, none repeat scroll 0 0 #FFFFFF;
        width: 1000px;
    }

    You may need to adjust some other elements as well if they are moving - a browser tool like Firebug should help you identify the CSS to change.

  5. ronaldfuquay
    Member
    Posted 9 months ago #

    Is Firebug the Inspect Element tool that comes with Firefox? I use that religiously

    Thanks for the tip, I will look into changing that code

  6. ronaldfuquay
    Member
    Posted 9 months ago #

    WPyogi, I have attempted your advice above. adding a fixed width to the page breaks the effect we have of the site filling the browser window and still did not stop the responsive css from doing its thing.

    I think I need to find a way to completely remove the effects of the media queries somehow...

  7. ronaldfuquay
    Member
    Posted 9 months ago #

    Ok I have made significant progress with removing the responsive css from my twenty eleven child theme!

    The only issue I am having now is I get a wierd thing happening with my menu when you resize the browser, can anyone help me figure out whats going on with it?

    http://www.tapsbus.com

  8. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    I don't see anything weird in FF - or maybe I'm missing what you are seeing? Or what browser?

  9. ronaldfuquay
    Member
    Posted 9 months ago #

    I am viewing it in firefox.

    What is happening is the black background for the menu is shrinking as the browser gets smaller

  10. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    I don't see that (on Mac FF) - have you cleared your browser cache?

  11. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    Oh wait, do you mean it's moving to the left a bit?

  12. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    If so, try changing the width here - from 100% to:

    #access {
        background: linear-gradient(#252525, #0A0A0A) repeat scroll 0 0 transparent;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        clear: both;
        display: block;
        float: left;
        margin: 0 auto 6px;
        width: 1100px;
    }
  13. ronaldfuquay
    Member
    Posted 9 months ago #

    Thank you for all your help WPyogi!!!

    I think I have my issue worked out

Reply

You must log in to post.

About this Topic

Tags

No tags yet.