WordPress.org

Ready to get started?Download WordPress

Forums

TwentyEleven them- centre menu question (18 posts)

  1. Wright_S
    Member
    Posted 1 year ago #

    I have read about changing the styles.css file by creating a child version of the css file and have followed all the changes but still cannot see these reflected in my site. As I am just creating this on my local machine is there a different link I need to put on the "@ import url etc " to see the changes?

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can you link the website with the issue?

  3. Wright_S
    Member
    Posted 1 year ago #

    Not yet as I am just developing the site on my local machine and it is not yet ready to put up- can I put it on WordPress somewhere temporarily? Just getting to grips with the system.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Simulate the issue in CSSDesk; a CSS sandbox. You can share the link to it (top right).

  5. Wright_S
    Member
    Posted 1 year ago #

    How would I do that? If I copy and paste the full html source code it shows my WordPress login etc- what am I missing?

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    View your webpage.
    Right click and select 'View source'.

    Take all of that pop-up window's code as the HTML for CSSDesk.
    Then take the CSS from your style.css file the CSS for CSSDesk.

  7. Wright_S
    Member
    Posted 1 year ago #

    Ok- thanks just being a bit stupid! Just needed to logout- duh!

    here is the link:
    http://cssdesk.com/AZ6eJ

  8. Wright_S
    Member
    Posted 1 year ago #

    Have just noticed that pasting it here- the menu is centred. Why can I not see that on my own machine?

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Why do you have so many styles in your Child Theme style.css file?

  10. Wright_S
    Member
    Posted 1 year ago #

    I read a post that said copy ALL from the original style.css and edit, is that wrong?

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    I think so.

    You see the @import line? That literally copies all of the CSS for you.
    So copying it further is only duplicating code.

  12. Wright_S
    Member
    Posted 1 year ago #

    OK- so I just need the changes. Is there an addition I need to make to the child css file so I can see the changes when editing on my local machine? I could only see the changes when I pasted into CSSDesk.

  13. Andrew
    Forum Moderator
    Posted 1 year ago #

    Perhaps you need to use more specific selectors.
    Are you using a browser developer tool like Firebug or the one built-in to Google Chrome?

  14. Wright_S
    Member
    Posted 1 year ago #

    Not sure what you means by selector- I am using Chrome

  15. Andrew
    Forum Moderator
    Posted 1 year ago #

    What code are you using to center the menu that isn't working in your theme?

  16. Wright_S
    Member
    Posted 1 year ago #

    I have followed all the editing for # access selectors and text-align etc- these just did not show on my local machine but now I have looked at the site in CSSDesk they ARE working as I wanted them to. I was not sure HOW the child css linked to the parent file when editing on the local machine and whether this made a difference in what I could see.

  17. Andrew
    Forum Moderator
    Posted 1 year ago #

    It's difficult to tell what you've done because there's loads of CSS in the CSSDesk example.

    May you post here the CSS that you're using to center the menu?

  18. Wright_S
    Member
    Posted 1 year ago #

    I think I have worked out that looking at the site in CSSDesk will show what I cannot see on my machine but thanks anyway. I will come back if I have any more issues.

Topic Closed

This topic has been closed to new replies.

About this Topic