Joomla Templates Club 406,261 posts

[f_vincent Friend f_vincentJoin date: April 2007Posts: 8Downloads:17Uploads:1 Thanks: 5]

#134722

hello, I am needing some help. I have been through CSS files for edenite template, trying to change some aspects. I am not knowledgeable in CSS code. Could anyone, give me an idea on how to change some aspects in this template? I have attached a screenshot with information. I am thankful in anticipation.
all the best.
Fernando

---

Attachments:

1. 

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

#276717

can you please post the url of your website? Can point out easy what to change. As i cant find the gap on your picture on the live demo.

And if you want to find out yourself i really recommend the firebug plugin for firefox (guides available on this forum)

1 user says Thank You to bennitos for this useful post

1. f_vincent

[f_vincent Friend f_vincentJoin date: April 2007Posts: 8Downloads:17Uploads:1 Thanks: 5]

#276725

thank you for your interest. The URL is: http://religiousscienceonline.net/
any help is appreciated.
if you zoom on the image you can greater detail.
all the best

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

#276730

ok for the left menu to remove the space on the side do the following:

Go to your template.css file around line 1293


margin:0;
padding:0 10px 10px;


Change that to:


margin:0;
padding:0 0px 10px;


1 user says Thank You to bennitos for this useful post

1. f_vincent

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

#276731

Hmmm, just noticed after you change the above it moves nicely to the left but the menu itself is too small aswell so after that also change:

line 108


color:#FFFFFF !important;
display:block !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:12px !important;
font-weight:bold !important;
margin-bottom:0 !important;
text-align:left !important;
text-decoration:none !important;
white-space:nowrap;
width:170px;


to


color:#FFFFFF !important;
display:block !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:12px !important;
font-weight:bold !important;
margin-bottom:0 !important;
text-align:left !important;
text-decoration:none !important;
white-space:nowrap;
width:180px;


[f_vincent Friend f_vincentJoin date: April 2007Posts: 8Downloads:17Uploads:1 Thanks: 5]

#276733

thanks again, I am seeing some changes. its good.
but, I’m afraid I don’t locate the code you refer to, on line 108.
is only one instance of 170 pixels and it refers to heigh. any other instructions? I appreciate your help.
all the best

[f_vincent Friend f_vincentJoin date: April 2007Posts: 8Downloads:17Uploads:1 Thanks: 5]

#276735

I have increased the menu width. So that leaves me with the space gap on the right of the flash movie. Any ideas? Thanks

[Author]

Posts