different styles for each category

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Scam Warning
User avatar
Ibedejo
Registered User
Posts: 243
Joined: Tue Feb 21, 2012 12:12 am

Re: different styles for each category

Post by Ibedejo »

stevemaury wrote:None of the the above is necessary.
When it comes to colouring the fora on the index page on a per category base it don't see a way to avoid it.

Using adjusted styles for categories/fora is a different matter - there this approach is okay.

----------------------------
Gobbetto wrote:why all styles that are downloaded have just edited that file ?
Which styles are you refering to?

Gobbetto
Registered User
Posts: 48
Joined: Wed Oct 26, 2016 7:15 pm

Re: different styles for each category

Post by Gobbetto »


User avatar
Ibedejo
Registered User
Posts: 243
Joined: Tue Feb 21, 2012 12:12 am

Re: different styles for each category

Post by Ibedejo »

This is one of Arty's (Artodia) styles - in certain aspects they are a little "special":
CSS files have been changed to Sass, a very powerful language for generating stylesheets. Style loads only 1 CSS file instead of multiple CSS files, reducing page loading speed.
(see => https://www.phpbb.com/customise/db/styl ... pic/141916 )
In standard prosilver and its direct derivates stylesheet.css contains the list of the corresponding style's stylesheets in the order they are being imported (= loaded) so there is nothing one should or could edit in this file (besides adding further, self-created stylesheets if needed).
All editing is done in the individual stylesheets.

In terms of technical correctness this may be somehow over-simplified:
Arty's style use SASS, providing a CSS compatible syntax with a lot more features than standard CSS. Compiling "translates" this into "regular" CSS and "writes" all of the resulting CSS code into one single file => stylesheet.css.
Each compiler run will re-create this file from scratch, whiping out any earlier versions of it.
That's why you never edit stylesheet.css - you edit either individual .scss files or, in certain cases, the ones I mentioned in an earlier post.
What matters is in this style you should never edit stylesheet.css!
(again see => https://www.phpbb.com/customise/db/styl ... pic/141916 )

You should follow Arty's directions to avoid running into problems in the process of further individualizing this style sooner or later.

Gobbetto
Registered User
Posts: 48
Joined: Wed Oct 26, 2016 7:15 pm

Re: different styles for each category

Post by Gobbetto »

thanks for reply

so what can i do ?

i have to "clean" my file stylesheet and modify the individual .scss ?
like this i have to remake all the style ? :(

and also how i can make it ? there is a guide o something ?

about your code, i try with

Code: Select all

.category-12.forabg ul.topiclist li.row {

    border: 2px solid;
	border-color: #999999;
but this make a border just on index page

thanks again

bye

User avatar
Ibedejo
Registered User
Posts: 243
Joined: Tue Feb 21, 2012 12:12 am

Re: different styles for each category

Post by Ibedejo »

As I wrote before:

Yes, to avoid possible future trouble you should "transfer" your stylesheet.css edits to the correct files.

In case it isn't too pressing (I'm off for a few days):
Ibedejo wrote:I'll have a look at this file over the weekend (hopefully) - in case you did all your edits there and not in one of the "regular" scss files there should be a way to recontruct it, though it might be a little time consuming.
Part of what you did is already transfered - it'll take some more time to adress the rest.

Gobbetto
Registered User
Posts: 48
Joined: Wed Oct 26, 2016 7:15 pm

Re: different styles for each category

Post by Gobbetto »

no problem, just for understand if wait or not

with your lasts messages I had not understand if anything had changed or not

i wait with out problem

thanks a lot for your help

User avatar
pit-PL
Registered User
Posts: 3089
Joined: Sat Nov 21, 2009 12:24 pm

Re: different styles for each category

Post by pit-PL »

Try this

Code: Select all

.category-12 ul.topiclist li.row, .category-31 ul.topiclist li.row {
   border: 2px solid #999;
}

Gobbetto
Registered User
Posts: 48
Joined: Wed Oct 26, 2016 7:15 pm

Re: different styles for each category

Post by Gobbetto »

is not working and anyway i think is better to wait and do as say Ibedejo

thkans

User avatar
pit-PL
Registered User
Posts: 3089
Joined: Sat Nov 21, 2009 12:24 pm

Re: different styles for each category

Post by pit-PL »

Gobbetto wrote:is not working
On the contrary, but you didn't even try.

User avatar
Ibedejo
Registered User
Posts: 243
Joined: Tue Feb 21, 2012 12:12 am

Re: different styles for each category

Post by Ibedejo »

The code pit-PL provided does work, so what do you mean by "it's not working": "not at all" or "not the way as expected"?
If "not at all": did you recompile the stylesheet after adding the code to _custom.scss?
If "not as expected": which element(s) exactly do you want to add a border to?

Gobbetto
Registered User
Posts: 48
Joined: Wed Oct 26, 2016 7:15 pm

Re: different styles for each category

Post by Gobbetto »

i will try again but if i remember right the border is just on index page of forum, if i open the category is with out border

thanks

Gobbetto
Registered User
Posts: 48
Joined: Wed Oct 26, 2016 7:15 pm

Re: different styles for each category

Post by Gobbetto »

sorry, i'm wrong

I was wrong, I'd put the code in the file _colors and not in the file _custom

now i have a border in the index and also if i open the category
but unfortunately there is no the border when I open the topics list

Gobbetto
Registered User
Posts: 48
Joined: Wed Oct 26, 2016 7:15 pm

Re: different styles for each category

Post by Gobbetto »

on waiting I try to make other changes,

for modify the dimension of category and forum icon, it's ok if i modify the _content file ?

Code: Select all

dl a.icon-link {						// topic row icon links
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -15px;
	margin-left: 9px;
	z-index: 2;
}
thanks

Gobbetto
Registered User
Posts: 48
Joined: Wed Oct 26, 2016 7:15 pm

Re: different styles for each category

Post by Gobbetto »

I solved it by changing _content file here:

Code: Select all

dl.icon dt .list-inner {
	padding-left: 60px;	
60px before was 55px, i hope is right/correct

Locked

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