WordPress.org

Ready to get started?Download WordPress

Forums

Problems with "continue reading" button (8 posts)

  1. GnosticGirl
    Member
    Posted 2 years ago #

    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!

  2. esmi
    Forum Moderator
    Posted 2 years ago #

  3. GnosticGirl
    Member
    Posted 2 years ago #

    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?

  4. mindctrl
    Member
    Posted 2 years ago #

    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.

  5. GnosticGirl
    Member
    Posted 2 years ago #

    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!

  6. GnosticGirl
    Member
    Posted 2 years ago #

    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?

  7. mindctrl
    Member
    Posted 2 years ago #

    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;
    }
  8. GnosticGirl
    Member
    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic