WordPress.org

Ready to get started?Download WordPress

Forums

New: CSS changes on most but not all pages. (15 posts)

  1. davidonline123
    Member
    Posted 2 years ago #

    I'm new and can't find anything that helps make sense of this. I'm using Twenty Eleven. Several people said the top margin was too large and the page name should be smaller. I went into editor and changed text. It worked on most, but not all pages of the site. From what I'm reading changes here should show on ALL pages. Code below.

    I would deeply appreciate any assistance.

    Thanks,

    David

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

    Create a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

  3. davidonline123
    Member
    Posted 2 years ago #

    Thanks for the help. It took me a while, but I finally got the child theme installed and active.

    What next?

    Thanks.

    David

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    Now you need to start adding your changes to your child's stylesheet.

  5. davidonline123
    Member
    Posted 2 years ago #

    Yes, thanks. I've been trying that. I moved the edits I made to the original and then downloaded a fresh version of Twenty Eleven.

    I have made edits that change the text where the page title is displayed, but it works on some not all pages.

    There is too much white space at the top of the page and the text is too large.

    Can't figure out what's up. Some pages get the changes - other do not.

    I see site.title in several places and have tried each. Must be missing something, but I can't find it.

    Thanks,

  6. esmi
    Forum Moderator
    Posted 2 years ago #

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

  7. davidonline123
    Member
    Posted 2 years ago #

    Oh... thanks again. I didn't know that would be appropriate here.

    My site is:

    http://www.progressivesforobama.org/

    On the home page and most others, the changes are working. On others they are not. Can't figure out a pattern.

    So, the name of the page (home, about us) etc, is showing up smaller now, but is still too far from the top graphic. Can't seem to change that.

    Also, and possibly related.

    When I first was working with the Twenty Eleven, I could easily change the style and size of text not in the Editor, but by selecting different presets - like paragraph, header, etc. Now they make some changes, but nothing like they did.

    As I said, after getting your good advice to create a child theme, I deleted and re-installed Twenty Eleven, but this problem persists.

    Thanks so much. I really appreciate it.

    David

  8. esmi
    Forum Moderator
    Posted 2 years ago #

    If you want to reduce the space above the page title as much as possible, try adding:

    #main {padding-top:0;
    }

    to your child's CSS.

    Now they make some changes, but nothing like they did.

    Which text did you want to change? Be careful of using those presets to try & control the text display. They do a lot more than just change the size & color of the text. They also give the search engines information as to what kind of text this is - a heading, a plain paragraph, text that should be emphasised etc. Since search engines pay greater attention to some types of text (eg headings) compared to others (eg paragraphs), it's important for SEO, that you use the preset to correctly classify your text content.

    If you simply want to change the size or color of text, you should make the changes via CSS.

  9. davidonline123
    Member
    Posted 2 years ago #

    Thanks. I've

    padding-top:1; in several places. It helps with some, but again not all.

    I now see a pattern. The pages this is NOT working on are those that if I am logged in as Admin show and "Edit" button near the top.

    But, if I'm logged out the "Admin" tag is gone, but the extra space remains.

    See the difference between:

    http://www.progressivesforobama.org/peace/afghanistan/

    and

    http://www.progressivesforobama.org/aboutus/a-legitimate-critique/

    Still can't figure it.

    Also, I would have thought those selections for header 1, header 2, or paragraph are a good way to modify text for those who don't wan to create a child theme and then attempt to modify the CSS.

    Thanks for all the help. Still frustrated, but with your help making progress.

  10. esmi
    Forum Moderator
    Posted 2 years ago #

    I've
    padding-top:1; in several places.

    Uh? That wont work and it's not what I suggested.

  11. davidonline123
    Member
    Posted 2 years ago #

    Oh... sorry I wasn't clear.

    Tried both 1 and 0.

    Tried the exact text as above. Copied and pasted in.

    No change on the pages that remain stubborn.

    Any sense of why the pattern with the pages that when I'm logged in show up with the Edit button? Those seem to be the remaining ones.

    Thanks again,

  12. esmi
    Forum Moderator
    Posted 2 years ago #

    Have you tried:

    - deactivating all plugins to see if this resolves the problem. If this works, re-activate the plugins one by one until you find the problematic plugin(s).

    - resetting the plugins folder by FTP or PhpMyAdmin. Sometimes, an apparently inactive plugin can still cause problems.

  13. davidonline123
    Member
    Posted 2 years ago #

    Hadn't tried that. Just did.

    Not it.

    Hmm. It seems that the pages this not working on are the same ones that show an "Edit" button near the top of the text area. All pages have the tool bar at the top when I'm logged in as Admin. But only some have this "Edit" button near the page title. These pages don't seem to listen to the instruction to remove the white space above that page title and below the graphic image in the header.

    Thanks,

  14. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    not being logged-in, i obviously can't see the 'edit' links;
    it could only effect the pages without sidebar.

    this style (line 1075 in style.css of twenty eleven) controls the distance of the title from the top, in a page without sidebar:

    .singular.page .hentry {
    	padding: 3.5em 0 0;
    }
  15. davidonline123
    Member
    Posted 2 years ago #

    Thanks so much that fixed it!

    We had tried padding-top and -bottom. Didn't see the padding without those modifiers.

    I was working with .singular .entry-title. Which did change the size of the text.

    How is this different from .singular.page .hentry ???

    Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic