ElkArte Community

Project Support => Support => Topic started by: Jorin on July 16, 2016, 03:02:47 am

Title: index.css problems
Post by: Jorin on July 16, 2016, 03:02:47 am
I use a custom.css for my theme. To be more with the default, I deleted index.css in my theme folder thinking ElkArte will use the default index.css instead, and after this my custom.css overwriting some index.css codes. Am I thinking right?

Strange things are happening when using a fresh downloaded index.css of the default theme. I have a logo centered AND a forum name displayed in the header. In the theme config I only chose "only logo". So why is there the text too?
Title: Re: index.css problems
Post by: emanuele on July 16, 2016, 03:46:49 am
So, you are not changing the php files, you are not editing the css and do everything from custom.css?
Why did you create a new theme at all? Just add the custom.css to the default directory and live happy. ;D

Quote from: Jorin – Strange things are happening when using a fresh downloaded index.css of the default theme. I have a logo centered AND a forum name displayed in the header. In the theme config I only chose "only logo". So why is there the text too?
If you have it on now, let me know the address, so that I can have a look.
Title: Re: index.css problems
Post by: Jorin on July 16, 2016, 03:48:41 am
Quote from: emanuele – So, you are not changing the php files, you are not editing the css and do everything from custom.css?
Why did you create a new theme at all? Just add the custom.css to the default directory and live happy. ;D

That is a good question!  :o  :D

Quote from: Jorin – If you have it on now, let me know the address, so that I can have a look.

I have it on now:

http://forum-alternative-antriebe.de/index.php
Title: Re: index.css problems
Post by: emanuele on July 16, 2016, 03:58:40 am
Because "at some point", the code of this area changed, you are using the old html markup with roughly:
Code: [Select]
<h1><a href="xxx">name of the forum</a></h1>
<div id="logobox"><img src="whatever" /></div>
while the more recent code introduced with... 1.0.5 or .6, I don't remember is similar to:
Code: [Select]
<h1 id="forumtitle"><a class="forumlink" href="xxx">title</a><span id="logobox"><img src="whatever" /></span></h1>
when you deleted the css of your theme (still having the old code) and picked the css from the latest default theme, the two have not been playing well together.

So, rename the index.template.php from your theme to index.template.bak.php or something along the lines and see what happes (take in consideration you may have code in custom.css that tries to adjust for differences, so something may appear broken.
Title: Re: index.css problems
Post by: Jorin on July 16, 2016, 04:29:34 am
Seems to work without problems. Only the header on the start page is higher then on other pages, but that's not so important. Thanks again!  :)
Title: Re: index.css problems
Post by: emanuele on July 16, 2016, 04:34:18 am
That's again because of bootstrap, add an:
Code: [Select]
h1 {
    margin: 0 !important;
}
to custom.css.

P.S.
Later, I'll move that to support.
Title: Re: index.css problems
Post by: Jorin on July 18, 2016, 01:26:49 am
Thank you very much. Problem solved.  :)