ElkArte Community

Elk Development => Theme development => Theme development archive => Topic started by: Jorin on February 23, 2014, 02:23:01 am

Title: Board icons not changing?
Post by: Jorin on February 23, 2014, 02:23:01 am
Sunday morning, my head aches. It seems not possible today to change my board icons. Don't laugh at me!  :D

I made a copy of the default theme to work with and named it "fairflixxt_blue". I chose this in my profile. I changed the file board_icons.png. Then I cleared the cache of my chrome browser, but I didn't see my changes. Then I cleared the cache of my forum. No changes. Then I used IE, which never had seen the site before. My changes aren't there also. Then I chose the new theme as forum default with variant "ElkArte Light" and set everyone to it: No changes. I am in the right folder on my server (hope so: "themes/fairflixxt_blue/images/_light). Or not?

What do I wrong? Where are my changes?  :o
Title: Re: Board icons not changing?
Post by: TE on February 23, 2014, 02:49:55 am
this is an example with images:

.category_boards .board_icon, .board_key:before {
background-repeat: no-repeat;
background-image: url(../../images/_myvariant/board_icons.png);

1) disable CSS + Javascript minify (admin - Options - General).
2) disable server side caching (admin - server settings... )
3) refrsh the browser cache

Title: Re: Board icons not changing?
Post by: Jorin on February 23, 2014, 02:52:37 am
Thanks. Never thought about that this must be changed in the css file first.  :o
Title: Re: Board icons not changing?
Post by: Jorin on February 23, 2014, 06:04:15 am
Quote from: TE – .category_boards .board_icon, .board_key:before {
background-repeat: no-repeat;
background-image: url(../../images/_myvariant/board_icons.png);

Hm... This must be in index.css?

I don't get it. :(
Title: Re: Board icons not changing?
Post by: emanuele on February 23, 2014, 06:58:52 am
It's in /themes/{your_theme}/css/_{your_variant}/index_{your_variant}.css

For example for the Be Social! Variant it's in:
/themes/default/_besocial/index._besocial.css

Yup, a bit deeper into the structure.

A bit of explanation: in order to hopefully simplify the way the theme is structured Ant and TE separated the "structure" form the "appearance". So if you want to (let's say) move an element you look into the usual index.css, instead if you want to change its color (or borders, or other similar things) you look into the variant's css (the one I suggested above).
Of course if you prefer to have everything in one place you can put everything together. ;)
Title: Re: Board icons not changing?
Post by: Jorin on February 24, 2014, 02:14:26 pm
Now I got it! Thank you very much! I had none of these files because I made a copy of the default theme via admin center. I created the neccessary files and now it works! Been working on a blue variation for a hour now, looks great!  :)

Just one little problem: When you move the mouse over a posters name in a topic, the color of the name changes. I can't find the place in the css file.
Title: Re: Board icons not changing?
Post by: emanuele on February 24, 2014, 02:27:25 pm
That means some important files are not copied over when creating a new theme... this is bad (and a bug of course!).
Title: Re: Board icons not changing?
Post by: Jorin on February 24, 2014, 02:33:44 pm
Seems so.  :(
Title: Re: Board icons not changing?
Post by: emanuele on February 24, 2014, 02:40:26 pm
Tracked here as blocker:
https://github.com/elkarte/Elkarte/issues/1426