Public Forums 71,145 posts

[spainman Friend spainmanJoin date: June 2011Posts: 10Downloads:0Uploads:2 Thanks: 4]

#165704

Hi there,

My site is http://www.guiacadiz.com I have tried several times now to move my logo to the left editing the CSS without success. Below is a copy of the code to see if anyone can help me edit it. Thank you.

/* HEADER
--------------------------------------------------------- */
#ja-header {
line-height: normal;
position: relative;
padding: 20px 0 0;
z-index: 999;
}

h1.logo, div.logo-text {
margin: 0 0px 0px;
padding: 0;
}

h1.logo a {
width: 300px;
height: 170px;
display: block;
background: url(../images/logo.jpg) no-repeat left;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

div.logo-text {
outline: none;
}

div.logo-text h1 {
font-size: 250%;
font-weight: bold;
letter-spacing: 2px;
margin: 0;
padding: 0;
}

div.logo-text h1 a {
color: #333333;
text-transform: uppercase;
}

.site-slogan {
color: #999999;
margin: 0 0 -2px 10px;
padding: 0;
letter-spacing: 1px;
}

#ja-topnav {
position: absolute;
top: 10px;
right: 40px;
}

#ja-topnav ul {
margin: 0;
padding: 2px 0;
}

#ja-topnav li {
display: inline;
margin: 0;
padding: 0;
line-height: 1.6;
background: url(../images/vline.gif) no-repeat center left;
}

#ja-topnav li a {
display: inline;
padding: 0 10px;
}


[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#398680

Nothing is coming up when I click on your link – I’m using Firefox 5.0

I get the following in the address bar –> http://10.1.9.186:15871/cgi-bin/blockpage.cgi?ws-session=1627417072

:confused:

[spainman Friend spainmanJoin date: June 2011Posts: 10Downloads:0Uploads:2 Thanks: 4]

#398698

<em>@tcraw1010 249968 wrote:</em><blockquote>Nothing is coming up when I click on your link – I’m using Firefox 5.0

I get the following in the address bar –> http://10.1.9.186:15871/cgi-bin/blockpage.cgi?ws-session=1627417072

:confused:</blockquote>

Hi tcraw,

I´ve just checked the link from another computer and it works fine for me. I tried it on IE and Firefox and both the site appears.

The link again is http://www.guiacadiz.com

Hopefully you can access it now.

Thanks.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#398700

I see it now . . . good ole’ JA-Rutile (one of my favorites).
(if only they would upgrade it with a mega-menu)

Here is a suggestion . . . .


h1.logo, div.logo-text {
margin-left: -20px
padding: 0;
}
You can, of course, fudge around with the pixel number until you get it where you want.

If that doesn’t work, try the same with the h1.logo a div

Let me know if that method works.

1 user says Thank You to TomC for this useful post

1. spainman

[spainman Friend spainmanJoin date: June 2011Posts: 10Downloads:0Uploads:2 Thanks: 4]

#398827

I changed the code to what you have put and it has made my header taller, but hasn´t moved the logo to the left. You can see what it has done if you check my site again http://www.guiacadiz.com

<blockquote>If that doesn’t work, try the same with the h1.logo a div</blockquote>

Could you elaborate a bit more on how to modify this part as I´m a beginner to Joomla.

Thanks for the help.

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#398830

Hello spainman,

To move logo more to the left :-

find this code to templates/ja_rutile/css/colors/orange.css line no 62

h1.logo a {
background: url(“../../images/orange/logo.jpg”) no-repeat scroll center center transparent;
}

Change this code to :-

h1.logo a {
background: url(“../../images/orange/logo.jpg”) no-repeat scroll center center transparent;
position: relative;
right: 60px; /*set pixel as per your requirement*/
}

1 user says Thank You to pritam for this useful post

1. spainman

[spainman Friend spainmanJoin date: June 2011Posts: 10Downloads:0Uploads:2 Thanks: 4]

#398831

Hi Pritam,

Thanks for the reply.

To modify “templates/ja_rutile/css/colors/orange.css line no 62” I do it through the FTP right? For example, I use FileZilla, so I log in and modify the CSS directly from there.

Regards,

Richard

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#398833

With filezilla you would need to download the file, edit it then re-upload the chaned file. Make sure you edit it with a plain text editor such as notepad.

1 user says Thank You to Phill for this useful post

1. spainman

[spainman Friend spainmanJoin date: June 2011Posts: 10Downloads:0Uploads:2 Thanks: 4]

#399070

Thanks guys for all the help. I´ve finally got the logo where I wanted it. 🙂

Could any of you tell me how to lower the search bar on the left as well as the text above it lower done so it is just above the menu bar?

Also, the search button next to it in orange is not working or clickable.

Thanks.

Richard

[Author]

Posts