Author Topic: Clear Sky (Read 19715 times)

zutzu · « **on:** January 13, 2011, 04:27:54 PM »

This theme uses pleasing colors with shades of the sky.

Live demo | Support | Donate to my work

rtl.css added

Tested in:
IE7, Mozilla, Opera, Chrome, Safari

SISPro · « **Reply #1 on:** January 14, 2011, 10:45:40 AM »

how do i change the logo that says clear sky to my logo

ARG · « **Reply #2 on:** January 14, 2011, 11:23:49 AM »

I think SISpro wants to change the logo to another image. The logo is located in Clear_sky/images/theme/mylogo.png. Just replace the mylogo.png image with your new image. Make sure that your new logo is the same size, has the same name of mylogo and is a png image.

zutzu · « **Reply #3 on:** January 14, 2011, 09:35:08 PM »

thank you for support

SISPro · « **Reply #4 on:** January 17, 2011, 12:58:13 AM »

yes thank you that is what i was looking for

zutzu · « **Reply #5 on:** February 26, 2011, 01:47:36 AM »

Updated to SMF 2 RC5

MartyS · « **Reply #6 on:** March 01, 2011, 10:37:38 AM »

I only have one issue with this theme... On the top bar, where it says SHOW NEWS POSTS and SHOW NEWS REPLIES

It should say SHOW NEW POSTS AND SHOW NEW REPLIES (without the s in news). Does anyone know how to change this so it reads properly in English?

zutzu · « **Reply #7 on:** June 13, 2011, 08:10:37 AM »

Updated to SMF 2 Final

trebul · « **Reply #8 on:** June 15, 2011, 01:48:09 AM »

Quote from: MartyS on March 01, 2011, 10:37:38 AM

I only have one issue with this theme... On the top bar, where it says SHOW NEWS POSTS and SHOW NEWS REPLIES

It should say SHOW NEW POSTS AND SHOW NEW REPLIES (without the s in news). Does anyone know how to change this so it reads properly in English?

Open the Themes folder -> then the Clear Sky folder -> then languages folder -> open the ThemeStrings.english.php -> There you can change news to new. Hope that helped.

Shades. · « **Reply #9 on:** July 13, 2011, 02:33:57 PM »

How can I get the logo to position to the left? Right now it is to the right of the menu buttons below it and looks horrible.

Have a look here: http://www.myauctionfamily.com

yafet · « **Reply #10 on:** October 07, 2011, 01:18:56 PM »

Yes, can someone please help with the question above? i am experiencing same issue.
I want to change the logo position abit to the left...basically modifying the X Y positioning of mylogo.png

PLEASE HELP

ARG · « **Reply #11 on:** October 08, 2011, 02:09:56 AM »

yafet can you post a link to your site please?

yafet · « **Reply #12 on:** October 08, 2011, 05:44:44 AM »

Hi ARG,

thanks for prompt reply,
Basically my problem is, when i turn on the news header, the logo (mylogo.png) is shifted up to the very top of the page, not horizontally alligned with the news header.

But when i turn of the news header, the logo sits just fine.

example:

With news header

Without news header

...and i do really like the News Header feature in this template, so i am hoping if there's anyway i could adjust the positioning of the logo (mylogo.png), so it will look nice alligned with News header.

Thanks for the help

ARG · « **Reply #13 on:** October 08, 2011, 12:37:56 PM »

Moving your logo more to the left (float: left;) may help as the news area requires a certain amount of space. Also if your theme is set at a fixed width, setting it to a fluid with may fix this issue as well.

yafet · « **Reply #14 on:** October 08, 2011, 12:44:06 PM »

would you care to explain it in details? as i am not a progammer, hence you need to bear with me when explain things hehe

where do i move the logo to the left? which code i should change? what line? and replace with what?

thanks

ARG · « **Reply #15 on:** October 08, 2011, 12:47:38 PM »

~~I cant really tell you without a direct link to the theme but in index.css it may look similar to this.~~

Code: [Select]

#logo a {
	 position: absolute;
	 top: 4.5em;
	 display: block;
	 width: 254px;
	 height: 60px;
	 cursor: pointer;
	 background: url(../images/id/logo.png) no-repeat;
}

~~Try adding this to that part of the code.~~

Code: [Select]

float: left;
Remember to always keep a backup of your file before making changes.

ARG · « **Reply #16 on:** October 08, 2011, 12:55:24 PM »

Scratch that last post. I just downloaded and installed the theme. I will take a look at it.

ARG · « **Reply #17 on:** October 08, 2011, 12:57:36 PM »

Ok, in the Clearsky index.css find this:

Code: [Select]

h1.forumtitle
{
	line-height: 45px;
	font-size: 1.8em;
	font-family: Geneva, verdana, sans-serif;
	margin: 30px 0px 0px 100px;
	padding: 0;
	float: left;
}

change to this:

Code: [Select]

h1.forumtitle
{
	line-height: 45px;
	font-size: 1.8em;
	font-family: Geneva, verdana, sans-serif;
	margin: 30px 0px 0px 10px;
	padding: 0;
	float: left;
}

yafet · « **Reply #18 on:** October 08, 2011, 01:08:38 PM »

Hi ARG,

I am sorry i might be wrong, but i didnt see any difference between 2 codes you wrote...
and also, my default codes are already like that (with float left)

any other idea?

ARG · « **Reply #19 on:** October 08, 2011, 01:11:35 PM »

Quote from: yafet on October 08, 2011, 01:08:38 PM

Hi ARG,

I am sorry i might be wrong, but i didnt see any difference between 2 codes you wrote...
and also, my default codes are already like that (with float left)

any other idea?

There is actually a difference.

This:

Code: [Select]

margin: 30px 0px 0px 100px;
was changed to this:

Code: [Select]

margin: 30px 0px 0px 10px;
The 100px was changed to 10px.

News:

Author Topic: Clear Sky (Read 19715 times)