Joomla Templates Club 406,261 posts

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#195036

Hi Guys,

Have changed my logo space by adding this code:

.logo-image a {
background-image: url(“../images/logo.png”);
background-repeat: no-repeat;
width: 600px;
height: 61px;
}

The logo is now the right height but increasing the width has not increased the space for the logo and so only half the logo shows.

Any ideas on what I have missed?

http://www.jakartacocktailweek.com

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

#523790

So that I can try to best assist you, please temporarily set “Optimize CSS” to “No” within your Template Manager–General settings

1 user says Thank You to TomC for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#523795

Thanks Tom, have done that. One other quick thing. In the past you gave me directions on how to put banner ads in the search position. Will those instructions be basically the same for this template?

Jim

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

#523797

<em>@origomedia 412669 wrote:</em><blockquote> One other quick thing. In the past you gave me directions on how to put banner ads in the search position. Will those instructions be basically the same for this template?

Jim</blockquote>

It definitely should …. Just in case –> How To Create A New Module Position

1 user says Thank You to TomC for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#523799

Thanks Tom will give that a go tomorrow. Will try and fix the logo tonight if you are able to point me in the right direction.

Jim

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

#523800

With regard to your logo issue, try this . . .

Within your custom.css file, add the following CSS rule . . . .


.logo-image {
float: left;
margin-left: -50px;
overflow: hidden;
}

You can increase the pixel value of the “margin-left” property if you want to move the logo even further to the left.

I would also increase the “height” value of the logo image to the following CSS rule within your custom.css file
– for example. . .


.logo-image a {
background-image: url("../images/logo.png");
background-repeat: no-repeat;
height: 75px;
width: 600px;
}

Hope That Helps

🙂

1 user says Thank You to TomC for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#523807

Thanks Tom, brilliant as always. BTW is my fav.icon showing when you look at the site? For some reason on my computer it showed up yesterday in the error page when I couldn’t access the template manager section but today does not appear on the main site.

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

#523808

<em>@origomedia 412681 wrote:</em><blockquote>Thanks Tom, brilliant as always. BTW is my fav.icon showing when you look at the site? For some reason on my computer it showed up yesterday in the error page when I couldn’t access the template manager section but today does not appear on the main site.</blockquote>

I am not seeing a favicon image – if that is what you are referring to.

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#523809

ok thanks i will try and put it some more folders. I have put it everywhere I normally put it so must have missed one.

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#523854

Hi Tom,

I looked at the link and then looked at my old forum posts where you helped me last time. I guess with the new template things are a bit different.

Anyway I decided to put the banner in Newsticker and then try and change the newsticker padding and the like in the css file. I have got somewhat there but cannot find where to further change the newsticker code so that the banner appears the right size and is centered to the site. http://www.jakartacocktailweek.com

Really keen to solve this myself if you could suggest the right files for me to be looking in.

Jim

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#523867

go to this File: /templates/ja_muzic/css/template.css

1. Replace this code


.wrap.toolbar { position: absolute; width: 100%; background: #000 height: 50px; border-bottom: 1px solid #222 top: 0; left: 0; padding: 0; }

With


.wrap.toolbar { position: absolute; width: 100%; background: #000; height: 75px; border-bottom: 1px solid #222; top: 0; left: 0; padding: 0; }

2. Go to this File: /templates/ja_muzic/css/template.css

Replace this Code


.t3-mainnav { background: #000 margin-top: 51px; border-bottom: 5px solid #e73628 }

with


.t3-mainnav { background: #000 margin-top: 75px; border-bottom: 5px solid #e73628 }

1 user says Thank You to chavan for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#523869

Hi Chavan,

Thanks for the input. I did that but it moved the banner down the page. Did i miss something out?

Jim

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#523870

Go to this File: /templates/ja_muzic/css/template.css

Replace this code

.wrap.toolbar { position: absolute; width: 100%; background: #000 height: 75px; border-bottom: 1px solid #222 top: 0; left: 0; padding: 0; }

with

.wrap.toolbar {
position: absolute;
width: 100%;
background: #000000;
height: 75px;
border-bottom: 1px solid #222222;
top: 0;
left: 0;
padding: 0;
}

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#523871

did that but still the same 🙁

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#523884

is the Issue fixed ?

1 user says Thank You to chavan for this useful post

1. James Weston

[Author]

Posts