WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Quick Theme Question (9 posts)

  1. iPT2gGeec
    Member
    Posted 3 years ago #

    I'm using the the theme TheProfessional and I am unsure how to remove the "Read More" button from the 3 features articles on the home page. So how do I remove these buttons?

    The link for the website is HERE.

  2. Digital Raindrops
    Member
    Posted 3 years ago #

    Hi,
    The class readmore is on the list page as well, so you need to only hide these on the home page.

    The three posts on the homepage are in a class called service.

    In the style.css try adding at the end!

    /* Custom Style Home Readmore */
    div.service a.readmore {
       display: none;
    }

    Note:
    The only issue is that these are post excerpts, so if any of these are more than the number of excerpt words the full post cannot be read.

    HTH

    David

  3. iPT2gGeec
    Member
    Posted 3 years ago #

    Hi David,

    Thank you for the reply but unfortunately that didn't work. It didn't do anything. Anything else I could do to remove it?

    By the way, the the theme has three other stylesheets to enable different colors on the theme. Would that info make a difference?

    Thanks,
    David

  4. Rafa Minu
    Member
    Posted 3 years ago #

    In style.css find the following:

    #content a.readmore {
        background: url("http://64.19.142.12/fastprobateloans.com/wp-content/themes/TheProfessional/images/readmore.png") no-repeat scroll right bottom transparent;

    and remove the whole background: url(...)...; line

    That removes the graphic button. Are you trying to remove the text link as well?

  5. iPT2gGeec
    Member
    Posted 3 years ago #

    Thanks for the response, rafaminu.

    Yes, I want to also remove the text.

  6. Digital Raindrops
    Member
    Posted 3 years ago #

    The answer from rafaminu will remove the button from the post list on the archive page you had earlier as well.

    I see you have removed that page and if you are not using a blog page or category list then just use.

    #content a.readmore {
    display: none;
    }

    But it will remove the 'read more' on all posts and lists, so you will not be able to have a blog page.

    HTH

    David

  7. Rafa Minu
    Member
    Posted 3 years ago #

    That's a bit more complicated, just a bit.
    What I don't understand is why would you want to remove a link to the original post?

    Anyway, in your home page php file look for the lines that contain:
    read more
    and remove them.

    More info here:
    http://codex.wordpress.org/Customizing_the_Read_More

  8. iPT2gGeec
    Member
    Posted 3 years ago #

    Excellent, thank you so much rafaminu. That did the trick.

  9. Digital Raindrops
    Member
    Posted 3 years ago #

    iPT2gGeec (David),
    The style I posted first is being reset by another style, all you need to do is make it !important and it should work, it is showing in FireBug with a strikethrough.

    /* Custom Style Home Readmore */
    div.service a.readmore {
       display: none !important;
    }

    The !important will stop an un-important style from changing it!

    HTH

    David

Topic Closed

This topic has been closed to new replies.

About this Topic