TinyPortal
Development => Support => Topic started by: jernatety on March 21, 2019, 01:34:43 PM
I notice on various sites many have styling where the read more text in the article looks more like a button with either a rectangle behind it or a capsule. Can I add CSS to do that without breaking tiny portal?
Quite sure that our Read more link is just text, with no attributes (like class) to target with css.
Can't be sure without a computer but can check later. It should be relatively simple to add one or more attributes though...
Quote from: @rjen on March 21, 2019, 01:58:22 PM
Quite sure that our Read more link is just text, with no attributes (like class) to target with css.
Can't be sure without a computer but can check later. It should be relatively simple to add one or more attributes though...
Ok, thank you for the response. I'm trying to make my site look more like a professional level organization similar to other sites formatting.
Just be careful: more graphics is not perse professional. Sometimes ' less is more'
Checked: it is easily possible. The read links do have a class: tp_readmore.
So adding a bit of css to your site is all you need...
Example:
.tp_readmore a
{
background-color: #21759B;
color: #fff;
padding: 10px;
text-decoration: none;
border-radius: 6px;
border: 1px solid #0f3647;
}
.tp_readmore a:hover {
background-color: #ce0606;
}
results in attached...
Play around with colors, widths etc till you like it...
Sweet! Thank you very much. Looks great.