Change the "Continue Reading"

riarajendran · Member · Nov 23, 2015 at 11:01 am
Copy link

Add topic to favorites
Hello,
I am currently using the Sela Theme.
IS there a way we can highlight the “Continue Reading” in a box format so that it looks more good.
For example like in this site : http://www.allsheneeds.in/

Thanks.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Nov 23, 2015 at 9:55 pm
Copy link
Hi there, add the following and see what you think. You can adjust the color as desired.
```
.more-link {
    background-color: #b3f4e8;
    color: #333;
    display: block;
    padding: 6px 15px;
    text-align: center;
}
```
riarajendran · Member · Nov 24, 2015 at 5:11 am
Copy link
Hello @thesacredpath,

Ite does look good!

– Could you also tell me how to change the text from “Continue Reading” to “Read More”.
– And how can i change the font of the same to ‘karla’
– Also if we could just make this box into a 1 to 1.5 inch box instead of it covering the entire length.
– Also i am clueless how to get the color code for pink color (I would want the same color as the menu tab) Is it possible for you to tell me the color code?

Thanks!
thesacredpath · Member · Nov 26, 2015 at 1:13 am
Copy link
Change the rule I gave you to the following to reduce the width and change the background color to the pink. That button font is already set to karla.
```
.more-link {
    background-color: #f692a4;
    color: #200;
    display: block;
    padding: 0 5px;
    text-align: center;
    width: 100%;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}
```
Due to the way the HTML and CSS are constructed, I can’t change the text of that button.
riarajendran · Member · Nov 26, 2015 at 8:23 am
Copy link
Hello @thesacredpath ,

Thank you for all your help. It looks perfect now :)
thesacredpath · Member · Nov 27, 2015 at 11:32 pm
Copy link
You are welcome.

No items found.