TheCripZone SMF Themes Site

All Things Public => Theme Support => Topic started by: deansmar on Feb 10, 24, 05:42:23 AM

Title: Cleantek
Post by: deansmar on Feb 10, 24, 05:42:23 AM
In the whitebox theme under theme settings there is a option to enter a forum width, for example in persent.. 96%

I would imagine, as this option is not available in the cleantek version, that this option is in the index.css
By means of padding..

Or better to say, and ask, were would I find this setting..?
Title: Re: Cleantek
Post by: Dave on Feb 10, 24, 08:47:23 AM
Quote from: deansmar on Feb 10, 24, 05:42:23 AMIn the whitebox theme under theme settings there is a option to enter a forum width, for example in persent.. 96%

I would imagine, as this option is not available in the cleantek version, that this option is in the index.css
By means of padding..

Or better to say, and ask, were would I find this setting..?

If you're talking about the SMF2.0 version it has exactly the same option. I have attached Cleantek_20h here.

If you're talking about SMF2.1 version then you need to do the following:

cleantek index.css

find

/* Set maximum width limit for content */
#wrapper, #header, #top_section .inner_wrap, #footer .inner_wrap {
max-width: 1200px;
margin: 0 auto;
width: 90%
}

change max-width: to whatever you want

I hope that helps

Title: Re: Cleantek
Post by: deansmar on Feb 10, 24, 09:56:04 AM
Sorry for not clarifying which SMF version..  :angel:

I was on 2.0.14 with whitebox..

Upgraded to 2.1.4 with cleanrek2v214a

I thought the settings would be in the CSS file..

There are two wrappers one for box-shadow
So I guess it's the other wrapper for max width content

There are a few headers...

The code in my cleantek 214, does not match your find code.. ??
Title: Re: Cleantek
Post by: deansmar on Feb 10, 24, 10:04:29 AM
found it..


/* Set maximum width limit for content */
#wrapper, #header, #top_section .inner_wrap, #footer .inner_wrap {
    max-width: 1400px;
    margin: 0 auto;
    width: 98%
Title: Re: Cleantek
Post by: Dave on Feb 11, 24, 04:23:14 AM
Quote from: deansmar on Feb 10, 24, 09:56:04 AMSorry for not clarifying which SMF version..  :angel:

I was on 2.0.14 with whitebox..

Upgraded to 2.1.4 with cleanrek2v214a

I thought the settings would be in the CSS file..

There are two wrappers one for box-shadow
So I guess it's the other wrapper for max width content

There are a few headers...

The code in my cleantek 214, does not match your find code.. ??

Yes sorry I hadn't update my test site to the last version, thanks for the heads up. I have now change my original post to show the correct code to find so it will help others
Title: Re: Cleantek
Post by: Skhilled on Feb 11, 24, 10:47:51 PM
Don't worry, Dave. Because of the code you've posted I found double coding that should've been fixed. ;) Notice the two backgrounds:

#header {
    position: relative;
    overflow: hidden;
    clear: both;
    background: rgb(254,254,254);
    background: linear-gradient(to bottom, rgb(211, 210, 210) 0%, rgb(254, 254, 254) 37%, rgb(254, 255, 254) 100%);
    padding: 2px 12px 0px 12px;
    min-height: 147px;
    border: none;
    border-radius: 20px 20px 0px 0px;
    margin-bottom: 0px;
}

The first one can safely be removed. Also, I had switched to Cleantek to check your code and forgot I left it on in my profile before I went to bed last night. When I returned here today, I noticed that the color of the "New" button for new posts needs changing.

newimage.png

So, I propose changing it from this:

.new_posts, a.new_posts {
display: inline-block;
position: relative;
top: -2px;
padding: 0 4px;
background: url(../images/custom/topnav.jpg) repeat-x;
color: #fff;
border: none;
font: 9px/15px verdana, sans-serif;
border-radius: 2px;
opacity: 1;
}

To this which is the same blue color you see elsewhere:

.new_posts, a.new_posts {
display: inline-block;
position: relative;
top: -2px;
padding: 0 4px;
background: url(../images/custom/topnav.jpg) repeat-x;
color: #2a89f7;
border: none;
font: 9px/15px verdana, sans-serif;
border-radius: 2px;
opacity: 1;
}

newimage2.png