Logo affecting Top background image

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Sep 06, 2012 4:44 pm
Reply with quote
Report this post
I just put a logo, but the logo is pushing the background image to the right, I also want to put the logo more to the left, right now is too close to the menu. So my question is how do I put the background image in the middle and put the logo image align to the left. You can see whats going on here http://grdholistichealing.viralcomment.com/
User avatar
Fresh Boarder

GK User
Thu Sep 06, 2012 4:56 pm
Reply with quote
Report this post
Hi

Please enable the use of override css on template parameters > advanced settings.
Next open this file located on css template directory and try adding this line on that file:

Code: Select all
a#gkLogo.cssLogo {position: absolute}


cheers
User avatar
Platinum Boarder

GK User
Thu Sep 06, 2012 6:00 pm
Reply with quote
Report this post
Thanks it worked for the background image, now how do I move the logo to the left and make the frame that has the menu bigger so the logo can fit in it?

Thanks a lot
User avatar
Fresh Boarder

GK User
Thu Sep 06, 2012 6:18 pm
Reply with quote
Report this post
Try adding also this lines:

Code: Select all
#gkHeaderTop {position: relative; top: -140px}
#gkPageNav {padding-bottom: 140px!important}
#gkMainMenu {position: relative; top: 130px}


It should look like this

screen.png


Cheers
User avatar
Platinum Boarder

GK User
Thu Sep 06, 2012 6:43 pm
Reply with quote
Report this post
Perfect , but how can I align the logo to the left, right now is too close to the menu.
Thanks
User avatar
Fresh Boarder

GK User
Thu Sep 06, 2012 6:56 pm
Reply with quote
Report this post
Actually I think it looks good like that, If I dont want to use the parallax, how can I take it out?
User avatar
Fresh Boarder

GK User
Thu Sep 06, 2012 11:22 pm
Reply with quote
Report this post
cmorillo wrote:Actually I think it looks good like that, If I dont want to use the parallax, how can I take it out?


You just need to unpublish the custom modules that are populating "header_top" and "header_bottom" positions.

Cheers
User avatar
Platinum Boarder

GK User
Tue Sep 11, 2012 1:01 am
Reply with quote
Report this post
Im looking to put the logo in the center and put the main menu below the logo, just like in the picture I attached. You can see the site at http://grdholistichealing.viralcomment.com/

Thanks a lot for your help.
User avatar
Fresh Boarder

GK User
Tue Sep 11, 2012 10:48 pm
Reply with quote
Report this post
You can add this code on override.css file, but it's not enough.
To center the mainmenu i have to have FTP access to your website.

Code: Select all
a#gkLogo.cssLogo {position: relative!important;float: none!important; margin: 0 auto }
#gkPageNav {height: 75px; margin-bottom: 60px}
#gkMainMenu {margin-top: -100px;}
User avatar
Platinum Boarder

GK User
Wed Sep 12, 2012 2:14 am
Reply with quote
Report this post
can you do it with acces to the joomla admin panel for the site?
User avatar
Fresh Boarder

GK User
Wed Sep 12, 2012 2:37 am
Reply with quote
Report this post
Also do you know of any module that does what I did on the picture, to have icons that when clicked can have a text and a pic on the image show?
User avatar
Fresh Boarder

GK User
Wed Sep 12, 2012 11:50 am
Reply with quote
Report this post
Mostly i need FTP access, but i might need also joomla administrator.

paulo[at]gavick[dot]com
User avatar
Platinum Boarder

GK User
Wed Sep 12, 2012 4:48 pm
Reply with quote
Report this post
Just sent you a email from ctimarketingllc, thanks
User avatar
Fresh Boarder

GK User
Thu Sep 13, 2012 11:16 pm
Reply with quote
Report this post
Hi

I think it good now, as you like.

Please take notice of the following changes.

1) I remove all previous override classes added and replace with:

Code: Select all
#gkLogo.cssLogo {width: 427px; height: 193px;}
#gkPageNav {min-height: 193px; padding: 10px 0 20px; margin: 0}
#gkPageNav > div {width: 427px;margin: 0 auto}

#gkMainMenu {
   float: none;
   margin: 0 auto;
    display: table       
}


This code is located on ../templates/gk_creative/css/override.css file.
Please place there any css customization.

2) IMPORTANT
To manage this i add to change the following file ../templates/gk_creative/layouts/default.php
So please remember this change when you make any update of the template.

So your website should look like this:
screen.png


Cheers
User avatar
Platinum Boarder

GK User
Thu Sep 13, 2012 11:53 pm
Reply with quote
Report this post
Hi, I dont see it like that , I still see the logo on the left/..please check. http://grdholistichealing.viralcomment.com/
User avatar
Fresh Boarder

GK User
Fri Sep 14, 2012 12:27 am
Reply with quote
Report this post
cmorillo wrote:Hi, I dont see it like that , I still see the logo on the left/..please check. http://grdholistichealing.viralcomment.com/



Please clear your browser [CTRL] + [F5]
You should look now ;)
User avatar
Platinum Boarder

GK User
Fri Oct 26, 2012 2:12 pm
Reply with quote
Report this post
Hi,

Im trying to put the mainfeature icons vertical on the right side, just beside the image I have there, I have tried changing the position but it doesn't look good. Im also trying to put a telephone number and a facebook and twitter link on the top part to the right of the logo. the site is http://grdholistichealing.viralcomment.com/

Thanks for any help
User avatar
Fresh Boarder


cron