Joomla Templates Club 406,261 posts

[ankianka66 Developer ankianka66Join date: August 2008Posts: 98Downloads:0Uploads:15 Thanks: 10 Thanked: 2 times in 1 posts]

#143375

Hi!

I´m currently working on the ja_sulfur-template. I think it´s great but have a question.

I want to remove the logo and the area around it and instead “push” the slideshow up right under the main menu. I have made some changes in the template.css and it looks OK in Internet Explorer 7. Haven´t checked it in 8 yet. BUT I notice that Firefox seems to be reading the information differently. There the logo is gone, but the “area” is still there.

Please, have a look at my enclosed picture and I´m sure you understand what I mean.

Can you help me?

Yours sincerely

Ann-Cathrin

---

Attachments:

1. 

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#313814

Hi ankianka66,

Please provide link to your site, so that we can have a look and try to suggest some solutions….

regards

Arvind

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#313821

Yes providing a url would be needed, as we do not know what you already did change or might have missed.

Looking at a pic doesent provide much information im afraid 🙂

[ankianka66 Developer ankianka66Join date: August 2008Posts: 98Downloads:0Uploads:15 Thanks: 10 Thanked: 2 times in 1 posts]

#313832

It is http://www.ankigranback2.se

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#313855

Hi ankianka66,

Thanks for the link. Please try the following after taking due backup of your template.css file.

Open your template.css file and near line 854

Change this code :

[PHP]h1.logo a {
background: url() no-repeat;
display: block;
height: 73px;
width: 195px;[/PHP]

To :

[PHP]h1.logo a {
background: url() no-repeat;
display: block;
height: 0px;
width: 195px;[/PHP]

Now near line 846

Change this code :

[PHP]h1.logo, h1.logo-text {
float: left;
font-size: 300%;
letter-spacing: 1px;
margin: 0;
padding: 25px 0 0;[/PHP]

To :

[PHP]h1.logo, h1.logo-text {
float: left;
font-size: 300%;
letter-spacing: 1px;
margin: 0;
padding: 0px 0 0;[/PHP]

This should help you get rid of the blank space. The so called blank space is reserved for the Site logo.

Please let us know if this works.

Regards

Arvind

1 user says Thank You to Arvind Chauhan for this useful post

1. ankianka66

[ankianka66 Developer ankianka66Join date: August 2008Posts: 98Downloads:0Uploads:15 Thanks: 10 Thanked: 2 times in 1 posts]

#313902

Thank you very much! That helped me out!

[Author]

Posts