TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

March 29, 2024, 05:48:34 AM

Login with username, password and session length
Members
Stats
  • Total Posts: 195,106
  • Total Topics: 21,213
  • Online today: 358
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online
  • Users: 1
  • Guests: 328
  • Total: 329
  • @rjen

Front page - Read More - styling

Started by jernatety, March 21, 2019, 01:34:43 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

jernatety

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?

@rjen

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...
Running Latest TP on SMF2.1 at: www.fjr-club.nl

jernatety

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.

@rjen

Just be careful: more graphics is not perse professional. Sometimes ' less is more'
Running Latest TP on SMF2.1 at: www.fjr-club.nl

@rjen

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...
Running Latest TP on SMF2.1 at: www.fjr-club.nl

jernatety

Sweet! Thank you very much. Looks great.