forum category padding

For support and discussion related to templates and themes in phpBB 3.3.
Post Reply
User avatar
bennybernaer
Registered User
Posts: 599
Joined: Tue Mar 22, 2011 9:53 pm
Contact:

forum category padding

Post by bennybernaer »

What is the correct way to put a space before the forum category name ?
Naamloos.png


If I add padding-left: 15px to the code below, there is indeed a space before the category name.
But on mobile view, the category is no longer centered.

Code: Select all

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a {
	text-decoration: none;
    padding-left: 15px;
}
User avatar
Mannix_
Registered User
Posts: 1838
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt
Contact:

Re: forum category padding

Post by Mannix_ »

bennybernaer wrote: Thu May 19, 2022 7:46 pm

Code: Select all

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a {
	text-decoration: none;
    padding-left: 15px;
}
Your only way is to use media query to reverse that on mobile sizes

Code: Select all

@media (max-width: 700px){
.forumbg .header a, .forabg .header a, th a {
    padding-left: 0;
}
}
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
User avatar
bennybernaer
Registered User
Posts: 599
Joined: Tue Mar 22, 2011 9:53 pm
Contact:

Re: forum category padding

Post by bennybernaer »

Thanks Mannix_! Solved!
User avatar
Gumboots
Registered User
Posts: 692
Joined: Fri Oct 11, 2019 1:59 am

Re: forum category padding

Post by Gumboots »

Simpler way (no media query required):

Code: Select all

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a {
	text-decoration: none;
	padding: 0 15px;
}
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦
Post Reply

Return to “[3.3.x] Styles Support & Discussion”