CSS ... { SOLVED }

GK User
Sun Sep 05, 2010 7:46 pm
Hi Guys ...

Please ... I'd like to have a more compact template ... just a bit ... can You have a looke to this screenshot, please ... ??



Thank You.
Pietro
User avatar
Gold Boarder

GK User
Sun Sep 05, 2010 8:01 pm
Hi

Use this code or find the respective elements and change attributes according to this css fragment.

Code: Select all
#bg-wrap1 {margin-top: 0!important}
#gk-top {min-height: 70px!important;}
#gk-header {margin-top:-10px!important}


Cheers ;)
User avatar
Platinum Boarder

GK User
Sun Sep 05, 2010 9:21 pm
HOW ... ^_^
Like Alway, You are absolutely Great ...
thank You, Paulo ... ^_^

Just, the last thing ...
Then We'll close this post with a nice {SOLVED} ^_^



:)
User avatar
Gold Boarder

GK User
Mon Sep 06, 2010 12:18 am
Sorry i forgot about that :P

so instead of

Code: Select all
#bg-wrap1 {margin-top: 0!important; }


use

Code: Select all
#bg-wrap1 {margin-top: 0!important;margin-right:0!important; }


Cheers ;)
User avatar
Platinum Boarder

GK User
Mon Sep 06, 2010 11:30 am
Ohhhh Yeahhhh ...
Tank Yo much, Paulo !!!!
Cheers ... ^_^ ;)
User avatar
Gold Boarder

GK User
Thu Sep 09, 2010 9:12 pm
Hi guys,

sorry, maybe stupid question, but the file where I do the change should be template.css ?

thx!
User avatar
Fresh Boarder

GK User
Thu Sep 09, 2010 9:28 pm
Yes it is ...
I mean ... The question is not stupit ...
The file, yes ... it is
templatesgk_cherrydesigncsstemplate.css ^_^
Good luck ;o)
User avatar
Gold Boarder

GK User
Fri Sep 10, 2010 7:32 pm
thx a lot, Piotr!
User avatar
Fresh Boarder

GK User
Fri Sep 10, 2010 7:37 pm
Oh, You are wellcome! :)
User avatar
Gold Boarder

GK User
Fri Oct 29, 2010 7:54 pm
These 2 were problem css issues with my site , too.
Thanks Piotr for asking and Seichinha for the reply !
User avatar
Fresh Boarder

GK User
Sun Oct 31, 2010 4:09 pm
:)
User avatar
Gold Boarder

GK User
Fri Mar 18, 2011 11:04 am
Hi,

I tried to make the changes in template.css you show, but with no result.

look that:

esemple.png


I have another question. How can I reduce logo left margin?

thanks!!
User avatar
Expert Boarder

Konrad M
Fri Mar 18, 2011 7:29 pm
Hi alessandrojoo
Can you give us url to your site?
User avatar

GK User
Mon Mar 21, 2011 8:24 am
User avatar
Expert Boarder

GK User
Mon Mar 21, 2011 8:41 am
Add to override.css line
Code: Select all
#bg-wrap1 {margin: 0 !important}
User avatar
Platinum Boarder

GK User
Mon Mar 21, 2011 10:32 am
no. it doesn't work. If I disable css3 style, it's works. but I lose graphic effects on texts.
User avatar
Expert Boarder

GK User
Mon Mar 21, 2011 7:50 pm
your css is mocked up... can't find head and tail in it :)

as far as i can see line 50 still has the bg-wrap1 code, when removing that from it works... so try that insted of margin 0 :

line 50 before:
Code: Select all
 body{line-height:1.9;background:#f2f2f2 url('/joomla-id/templates/gk_cherrydesign/images/style1/bg_body.png') repeat 0 0;height:100%;min-height:100%;}body#bd{color:#4d4d4d;}body.fs1{font-size:10px;}body.fs2{font-size:11px;}body.fs3{font-size:13px;}body.fs4{font-size:14px;}body.fs5{font-size:15px;}body.fs6{font-size:16px;}a{color:#000;text-decoration:none;}a:hover,a:active,a:focus{color:#a44040;}.column p,.column pre,.column blockquote,.column ol,.column ul{margin:0;padding:0;}h1,h2,h3,h4,h5{color:#2d2d2d;font-weight:normal;}h1{font-size:180%;}h2{font-size:150%;}h3{font-size:125%;}h4{font-size:110%;}h5{font-size:100%;}ul{list-style:none;clear:both;}ul li{line-height:1.9;}#bg-wrap1{background:#f2f2f2 url('/joomla-id/templates/gk_cherrydesign/images/style1/bg_pattern.jpg') repeat-x right 0;margin:18px 18px 0 0;height:100%;}#bg-wrap2{background:transparent url('/joomla-id/templates/gk_cherrydesign/images/style1/bg_pattern.png') repeat 0 0;height:100%;}#bg-wrap3{background:transparent url('/joomla-id/templates/gk


line 50 after:
Code: Select all
 body{line-height:1.9;background:#f2f2f2 url('/joomla-id/templates/gk_cherrydesign/images/style1/bg_body.png') repeat 0 0;height:100%;min-height:100%;}body#bd{color:#4d4d4d;}body.fs1{font-size:10px;}body.fs2{font-size:11px;}body.fs3{font-size:13px;}body.fs4{font-size:14px;}body.fs5{font-size:15px;}body.fs6{font-size:16px;}a{color:#000;text-decoration:none;}a:hover,a:active,a:focus{color:#a44040;}.column p,.column pre,.column blockquote,.column ol,.column ul{margin:0;padding:0;}h1,h2,h3,h4,h5{color:#2d2d2d;font-weight:normal;}h1{font-size:180%;}h2{font-size:150%;}h3{font-size:125%;}h4{font-size:110%;}h5{font-size:100%;}ul{list-style:none;clear:both;}ul li{line-height:1.9;}#bg-wrap2{background:transparent url('/joomla-id/templates/gk_cherrydesign/images/style1/bg_pattern.png') repeat 0 0;height:100%;}#bg-wrap3{background:transparent url('/joomla-id/templates/gk_cherrydesign/images/style1/bg_lines.png') no-repeat 100% 0;height:100%;}#bg-wrap4{background:#f2f2f2 url('/joomla-id/templates/gk_cherrydesign/images/st
User avatar
Platinum Boarder

GK User
Tue Mar 22, 2011 8:33 am
I solved it by disabling "CSS Compression" and setting maargin in template.css to position the logo.

I thank you all very much for your support. :)
User avatar
Expert Boarder


cron