CSS Help

Catfish Blues · June 22, 2020

GrandOldTeam said:
Unfortunately not. Even added the important! tag but no luck.

I use this and it works for titles that are hyperlinks (like our forum home widgets etc);

.block-minorHeader a {
padding: 2px 15px;
font-color: white;
background-color: #003399;
}

But no luck working out how to do so here;

View attachment 91652

You've pretty much exhausted my knowledge. On the rare occassions I do anything with CSS, I generally change things one at a time until either it works, or I have to throw sawdust over it.

However

https://www.w3schools.com/css/css_text.asp suggests, if you're setting the colour, you should set the background colour as well, so @Sy- 's idea is worth a try ?

giving something like

block-minorHeader,
{
background: url('https://www.grandoldteam.com/forum/styles/default/xenforo/images/nodegradient.png');
background-position: 20px;
padding-left: 0px;
color:green;
background-color: white;

}

Either that, or wait until you've got children, who will do it for you in about 4 secs

Groucho said:
Hi everyone.

Just a quickie.

What the hell are you all talking about?

Cheers, Dave

Style mate, you either have it, or you don't.

It appears we don't.

Tipp blue · June 22, 2020

GrandOldTeam said:
Unfortunately not. Even added the important! tag but no luck.

I use this and it works for titles that are hyperlinks (like our forum home widgets etc);

.block-minorHeader a {
padding: 2px 15px;
font-color: white;
background-color: #003399;
}

But no luck working out how to do so here;

View attachment 91652

What exactly are you trying to do? Get rid of the text? If so Indent it off screen..
text-indent: -9999px;

DanB90 · June 22, 2020

orly said:
I think you've sorted it!

Brownie · June 22, 2020

You will see immediately that in every seventh section of the Leitch-style balustrades, starting at the third, there is an envelope. Click on the envelope in the "Competitions" header. It will open. You have won.

Now type "up, down, left, right, A and start together" and enjoy Sonic the Hedgehog on a level of your choice.

random · June 22, 2020

have you looked in xenforo admin panel

appearance/styles/yourstyle/styleproperties

and tried changing those settings ?

PITA · June 22, 2020

ste d' indica said:
ASS ~~developer~~ destroyer more like.

Fixed it for you.

tommye · June 22, 2020

My heads hurts.

Can somebody thread ban me please so I dont have to see this again
Tried putting the OP on ignore, several times, not having it.

Ffs

the sniderman · June 22, 2020

**swings in** i believe u can solve this problem by having sex with another living human.

atrottel · June 23, 2020

You would possibly need to put a <span> around the text, as I think you are trying to style an element which doesn't exist. (The <a> styles work because that made the text an element.)

At the moment you are trying to style the same element with two different rules so only the last one (the background image) is working.

Added: right-click in Firefox and then Inspect Element is a handy tool.

Added: or possibly you could add a fake link destination "#" to the text you want to style, like menu systems use?

GrandOldTeam · June 23, 2020

Sy- said:
.block-minorHeader,
{
background: url('https://www.grandoldteam.com/forum/styles/default/xenforo/images/nodegradient.png');
background-position: 20px;
padding-left: 0px;
}

.block-minorHeader a {
padding: 2px 15px;
font-color: white;
background-color: #003399;
}

The second section with all the formatting in will only apply to an 'a' (links), what if you paste the same formating into the more general section above?

or at the very least: background-color: #003399;

Edit: actually scrap that, suspect it'll either do nothing, or over-ride the background img everywhere else, you'll probably have to declare a new sub header class?

Thats mate, your edit is indeed correct.

random said:
have you looked in xenforo admin panel

appearance/styles/yourstyle/styleproperties

and tried changing those settings ?

View attachment 91658

Unfortunately they're not applicable to the specific section I'm having issues with and there's no general style property setting for them. Needs to be an CSS hack.

atrottel said:
You would possibly need to put a <span> around the text, as I think you are trying to style an element which doesn't exist. (The <a> styles work because that made the text an element.)

At the moment you are trying to style the same element with two different rules so only the last one (the background image) is working.

Added: right-click in Firefox and then Inspect Element is a handy tool.

Added: or possibly you could add a fake link destination "#" to the text you want to style, like menu systems use?

Thanks mate, yeah it's Inspect Element below. I rely on that really.

It's a snippet of code specific to the widgets that I can't seem to isolate.

I've done it on the forum home;

Grand Old Team

Join Everton FC's top fan forum at GrandOldTeam.com for news, discussion, and community

www.grandoldteam.com

But can't replicate it on a few widgets on Members, Competitions etc;

Notable members

www.grandoldteam.com

GrandOldTeam said:
Unfortunately not. Even added the important! tag but no luck.

I use this and it works for titles that are hyperlinks (like our forum home widgets etc);

.block-minorHeader a {
padding: 2px 15px;
font-color: white;
background-color: #003399;
}

But no luck working out how to do so here;

View attachment 91652

atrottel · June 23, 2020

GrandOldTeam said:
It's a snippet of code specific to the widgets that I can't seem to isolate.

That's because you are trying to style something which is not an element itself. (Technically it is a pseudo-element... *waits for comments from the crowd*)

Code:

<h3 class="block-minorHeader">
::before
Find member
::after
</h3>

Have you tried

Code:

.block-minorHeader::before {
background-color: #039;
}

degsy · June 23, 2020

GrandOldTeam said:
Unlikely I know, but on the off chance...

Anyone here able to help with some basic CSS?

Sounds like a job for Joey66 or Ashtonian
Edit; have you tried saw dust

GrandOldTeam · June 23, 2020

atrottel said:
That's because you are trying to style something which is not an element itself. (Technically it is a pseudo-element... *waits for comments from the crowd*)

Code:

<h3 class="block-minorHeader"> ::before Find member ::after </h3>

Have you tried

Code:

.block-minorHeader::before { background-color: #039; }

Thanks mate. It was there, I just couldn't work it out.

@Sy- pinged me the below which looks to have done the trick;

Code:

.block-minorHeader,
{
background: url('https://www.grandoldteam.com/forum/styles/default/xenforo/images/nodegradient.png');
background-position: 20px;
padding-left: 0px;
box-shadow: inset 140px 0px 0px 0px #003399
}

It's not perfect everywhere, but it'll do!