Move "Read More" button at Blog posts

Discussion in 'Cloriato WordPress Theme' started by midoricraft, Jan 2, 2013.

  1. midoricraft

    midoricraft Member

    Joined:
    Dec 7, 2012
    Messages:
    38
    Likes Received:
    0
    Please refer attached screen shot. The Read More button is at far bottom right hand side, how do I move this button to be immediately after the text, before the Sociable and Share text?
     

    Attached Files:

  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    It is not possible to place it just after the text, However possible solution given below

    Go to blog.php present in your theme directory and follow the instruction as shown in image given below

    [​IMG]


    Now,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    .content_wrapper .content .post .post_content .read_more{
    float:left;
    }
     
  3. midoricraft

    midoricraft Member

    Joined:
    Dec 7, 2012
    Messages:
    38
    Likes Received:
    0
    I did, but there is no visible change in the gap spacing, other than the Read More Button is now displayed on the left. Here's the revised code in my Blog.php:
    <?php the_excerpt(); ?><a class="read_more" href="<?php the_permalink(); ?>"></a>
    <p>
    <?php the_tags(); ?>
    </p>
    </div>
    </div>
    <!--End Post-->

    Anything I have done wrong?
     

Share This Page