WordPress.org

1. techteenager
   Member
   Posted 1 year ago #

   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?

2. alchymyth
   The Sweeper
   Posted 1 year ago #

   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?

3. techteenager
   Member
   Posted 1 year ago #

   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

4. alchymyth
   The Sweeper
   Posted 1 year ago #

   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

5. techteenager
   Member
   Posted 1 year ago #

   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

6. techteenager
   Member
   Posted 1 year ago #

   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;
   }

7. leon@leonsthoughtforfood
   Member
   Posted 9 months ago #

   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.

Topic Closed

This topic has been closed to new replies.