Support » Fixing WordPress » Problems with "continue reading" button

  • Hi,

    I’m using a child-plan of the Twenty Eleven theme, and I am having issues with my “continue reading” button – currently the text is sitting at the bottom of the button on my featured post home page, instead of the center of it! My temporary site is http://www.esotericwisdom.cu.cc/.

    Also I would like to change the font and the background color in the button. I read the codex but it didn’t really explain these two changes and my limited knowledge isn’t helping. Can someone please help?

    Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)
  • esmi

    (@esmi)

    Forum Moderator

    Hi Esmi,

    Thanks for posting that. When I look at the errors though they seem (to me, a layman) that they are with the HTML code related to my plug-ins (i.e. my WP Boxer Pro Plug-in and my DKOATED CTA Buttons plug-in), or my hidden content, such as post meta data and the ‘Proudly powered by WordPress’ generator. I didn’t write this HTML code! If I knew how to I wouldn’t be using plug-ins! Hence unfortunately I don’t know how to fix those errors.

    There are also formatting errors regarding my navigation menu. This is what I’ve added to my style.css regarding this menu:

    #access {
    	background: none repeat scroll 0 0 #CDC0B0;
    	display: block;
    	float: left;
    	margin: 0 auto;
    }
    #access a {
    	font-size: 18px;
    	font-weight: bold;
    	text-shadow: 2px 2px 2px #848484;
    	font-family: Papyrus, Gudea, "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    Have I made errors in that? I am not sure where I am going wrong here and further I’m not sure how to fix the code that I didn’t write. Sorry if I am missing the obvious as to what I have done to cause the errors, and to cause the text inside the “continue reading” button to sit at the bottom. Can you give me some further insight?

    John Parris

    (@mindctrl)

    Member

    It looks like a padding issue. The line causing the problem is around 1421 or so in style.css:

    article.feature-image.small .entry-summary p a {
        padding: 9px 26px 9px 85px;
    }

    Changing the first 9px to 1px seems to fix it. Not sure if there are other places affected as I didn’t look that closely.

    Oh thank you very much Mindctrl, adding that to my child style.css changing the first 9px to 1px did fix it! I had not modified my Twenty Eleven template though, and prior to this there was no reference to it in my child plan, so I wonder what I did to cause that? No doubt it has something to do with the errors in my page but I am lost on that front 🙁

    Thank you very much for your help!

    I would also like to change the font type, color and the background color in the button – does anyone know how to do this in the style.css page?

    John Parris

    (@mindctrl)

    Member

    The color values are located in that same block. For example, to change the button to a red background with green text, you could do this:

    article.feature-image.small .entry-summary p a {
      background: none repeat scroll 0 0 #FF0000;
      color: #2BFF00;
    }

    Okay sweet! Thank you so much, I’ll play around with it. REALLY appreciate your kind help 🙂 *shakes hand*

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Problems with "continue reading" button’ is closed to new replies.