WordPress.org

Support

Support » Themes and Templates » [Resolved] [Theme: Twenty Eleven (Child)] Change look and lay-out "More" Tag

[Resolved] [Theme: Twenty Eleven (Child)] Change look and lay-out "More" Tag

  • I’ve read the codex and searched the internet but can’t seem to change the lay-out of my more tag on my blog. I want to align it in the entre, change the font and etc.

    Something like this: click or this manrepeller.com.

    My blog is oneofpoints.com. Is there any way to do this? I use a child theme.

Viewing 15 replies - 1 through 15 (of 19 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    For CSS-specific issues, you should be researching CSS issues not WordPress issues
    http://www.w3.org/Style/Examples/007/center.en.html

    I do know how to centre it and how to change a font – I just don’t know what part to modify in the style.css of my child theme to make the more tag change 🙂

    Sorry if this wasn’t clear, do you have any idea how to do this?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Yeah, display it block and text align it center.

    Thanks, but I mean what part of the style.css do I modify? Like h3, h6 – what part in my style.css relates to the more tag?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    It’s probably in the parent stylesheet, in which case you’ll need to write the new style in your Child Theme stylesheet.

    I can add it to the stylesheet of my child theme. But do I write an entire new part or can I take something out of the parent stylesheet? If not, what do I add to the Child stylesheet and how do I connect it to my current more tag?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Try using a browser developer tool for this kind of exploratory CSS work.
    I use Google Chrome’s built-in Developer Tool and it’s really easy to expose the webpage’s underlying HTML and CSS.

    Once you know the style, from being exposed by the Developer Tool, you can add a new style to override it.

    I tried, it says class=”more-link” but I can’t find it in the style.css of the parent theme..

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    The Developer Tool is only supposed to expose the HTML and CSS.
    You shouldn’t need to go looking for the CSS in the original stylesheet.
    You should instead go forth and create new styles from that information you received when the Developer Tool exposed HTML and CSS.

    Post here the CSS you’re trying in your Child Theme style.css file if it still doesn’t work.

    I tried to add this to my stylesheet but it doesn’t seem to work:

    #more-link {
     font-family: 'Times New Roman', serif; !important;
     font-size: 20px !important;
     text-transform:uppercase;
     color: #000 !important;
     display:block;
     line-height:3.333em;
     text-decoration:none;
     padding:0 1.2125em;
    }
    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Remember, more-link is a class.

    I’m sorry, I’m not quite sure I know what you mean. Why wouldn’t this work? The developer shows me that the more link is connected to something like this.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Classes and IDs are called differently in CSS http://www.w3schools.com/css/css_id_class.asp

    So I need to use an ID other then a class? 🙂 How do I find the ID then – I’m sorry for all these questions hah.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    You have an ID already, the ID is represented by the hash tag.
    You need to use a class.

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘[Resolved] [Theme: Twenty Eleven (Child)] Change look and lay-out "More" Tag’ is closed to new replies.
Skip to toolbar