• Resolved techteenager

    (@techteenager)


    Hello,
    I’m trying to put the ‘Read More’ link on the same line as some other buttons I have added to individual posts in the index template (Digg this, Tweet this, Share on FB). However, when I add them in, they automatically are moved to a lower line. I checked the page with Firebug and it seems that WordPress is automatically adding “<p>” tags before and after the read more link. Is there any way to change this? I didn’t see any mention of <P> or </P> in the index, or the style.css. Any ideas?

Viewing 6 replies - 1 through 6 (of 6 total)
  • could be caused by your theme;

    have you checked index.php (?), to see how the ‘read more’ is added?

    http://codex.wordpress.org/Customizing_the_Read_More
    http://codex.wordpress.org/Template_Tags/the_content

    for more suggestions, you might need to provide more info:

    name and downoad link of your theme (only useful if it is a free theme)?
    link to your site?

    Thread Starter techteenager

    (@techteenager)

    Here’s the code for the post part of index.php,
    http://snipplr.com/view/50169/index-preview/

    I’m also running a premium theme, Bold News (WooThemes), my website is http://www.techteenager.net

    Thanks for your quick reply!
    Matt

    adding something like this to custom.css of your theme might shift the ‘read more’ into the same line with your other icons:

    .more-link img { float:left; margin-right: 10px;}

    ps:
    if you want to change the arrow, use a graphic editor on:
    /wp-content/themes/TTN%20Advanced/images/more3.png

    Thread Starter techteenager

    (@techteenager)

    Yeah I know about the arrow haha, I changed it from the regular ‘Read More’ text. Thank you for your help on switching the position of the images! It worked like magic!

    Matt

    Thread Starter techteenager

    (@techteenager)

    Also one more thing, I’d like to make the social images (Digg, Twitter, etc) float to the right, which I think I accomplished correctly by just setting the margin high on the code that you gave me. Behind both the ‘Read More’ and the social images, I’d like to have a repeating background (http://bit.ly/fjjDr2) so that you can still see the ‘Read More’ and images but behind them (like Photoshop layers) is the background.

    I tried simply making this class in the css, along with a <span> tags around the ‘more’ part of the index, but it didn’t work. Any ideas?

    .social_share{  
    
        background: url(http://www.techteenager.net/wp-content/themes/TTN%20Advanced/images/more_repeat.png)  repeat-x;
        height:20px;
        width:100%;
        overflow:hidden;
    }

    I was reading some questions like this and the best answer I got was that wordpress has to put the more in its own element so there is no way to have it on the same line. However I discovered that if you don’t tag your paragraphs with a <p> in the html of the admin post section wordpress adds them for you. It may be auto matic or because I have the setting>General>WordPress should correct invalidly nested XHTML automatically box checked any way I do this and just put the more tag at the end of the sentence that I want it and word press nests them together.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Help With 'Read More' line breaking’ is closed to new replies.