Login  |  Register
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome, Guest. Please login or register.
Did you miss your activation email?

September 24, 2022, 05:20:48 PM

Login with username, password and session length
Members
Stats
  • Total Posts: 193513
  • Total Topics: 21092
  • Online today: 38
  • Online ever: 3540
  • (September 02, 2022, 06:38:54 PM)
Users Online
Users: 0
Guests: 33
Total: 33

Author Topic: html code in blocks  (Read 260 times)

0 Members and 1 Guest are viewing this topic.

Offline davejo

  • Jr. Member
  • **
  • Posts: 27
html code in blocks
« on: February 24, 2022, 03:09:58 AM »
SMF2.1.1
TP2.2.1
Site: www.quizland.co.uk
SMF defaut theme as well as others.

On the front page I have a welcome block. Inside the block are various images and text, some of which is html code for styling etc.

The issue I'm having is that although the font seems to be correct, no matter what I do I cannot get the font colour to work.

This is a line of code that should be coloured.

Code: [Select]
<h1 style="text-align: center; color:blue; font-size: 15px; font-family:Helvetica, sans-serif;"><strong>Thank you for coming to see us, we hope you enjoy your stay</strong></h1>
regards

Dave

Offline @rjen

  • Support Team
  • *
  • Posts: 3300
    • FJR-club Nederland
Re: html code in blocks
« Reply #1 on: February 24, 2022, 07:21:50 AM »
Check the sstyles with the inspection tool...

The < strong > element has a color  setting attached that overwrites the blue...
This will work:

Code: [Select]
<h1 style="text-align: center; font-size: 15px; font-family:Helvetica, sans-serif;"><strong><span style="color:blue;">Thank you for coming to see us, we hope you enjoy your stay</span></strong></h1>
even better:
Code: [Select]
<h1 style="text-align: center; color:blue; font-size: 15px; font-family:Helvetica, sans-serif;">Thank you for coming to see us, we hope you enjoy your stay</h1>
The strong is not needed at all: h1 is bold by itself...
Running Latest TP on SMF2.1 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 (latest Github)
Want to check what php version I am testing on? See: PHP Info

Offline davejo

  • Jr. Member
  • **
  • Posts: 27
Re: html code in blocks
« Reply #2 on: February 24, 2022, 08:40:26 AM »
You've done it again @rjen thank you very much  O0