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?

August 09, 2022, 04:00:34 AM

Login with username, password and session length
Members
  • Total Members: 3842
  • Latest: Kokoro
Stats
  • Total Posts: 193478
  • Total Topics: 21088
  • Online today: 53
  • Online ever: 1035
  • (November 26, 2020, 04:45:12 AM)
Users Online
Users: 0
Guests: 42
Total: 42

Author Topic: html code in blocks  (Read 238 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: 3285
    • 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