News:

On Deck: Next is "Bluemoon" For SMF 2.1.4! ;)

 

Recent Topics

Members
Stats
  • Total Posts: 10,779
  • Total Topics: 1,379
  • Online today: 148
  • Online ever: 879
  • (Jan 21, 20, 05:49:15 PM)
Users Online
Users: 0
Guests: 112
Total: 112

Cleantek

Started by deansmar, Feb 10, 24, 05:42:23 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

deansmar

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..?

Dave

#1
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

If you want play quizzes or games click below

Listen to Quizland radio here

deansmar

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.. ??

deansmar

#3
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%

Dave

#4
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
If you want play quizzes or games click below

Listen to Quizland radio here

Skhilled

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