Index width.

thechariot / 2012-12-23 14:30:52   

Hi.

This is my website daniel-molina.com/ and I'd like to change the width of the index (or menu, whatever) but I can't find the way to do it. I'm changing parameters in the style sheet but nothing happens. The problem is that I don't like when you scroll horizontly and the photos stay really close to the lines that separates my sections and also I'd like that "© 2012 Daniel Molina" looks together.

Thanks a lot.

thechariot / 2012-12-23 14:31:19   

I've looked for it in the forum but the ways to change it that I've found, none of them worked for me.

thechariot / 2012-12-26 19:57:43   

Nothing?
I'm changing parameters in style.css but I don't see anything.

Thanks a lot.

arsondpi / 2012-12-26 20:42:01   

it's the #index width parameter you should be after...
;-)

thechariot / 2012-12-27 19:48:36   

Yes. I'm changing this one:
#index { width: 200px; background-color: #fff; line-height: 1.3em; }
#exhibit { margin: 0px 0px 0px 200px; }

but nothing happens... maybe is it because of px in exhibit margin?

Thanks

csinks / 2013-03-16 16:55:58   

I am having the same issue.

I have changed in style.css
#index { width: 240px; background: #fff; /* line-height: 1.3em; */ }
#exhibit { margin-left: 240px; }

Nothing changes on the site, and when I look at the page source info, it looks like something is overridding my changes:

Basically, where is the following css coming from - listed after the links to css

a:link { color: #0000ff; }
a:visited { color: #404040; }
a:hover { color: #0000ff; }
#index { width: 215px; }
#exhibit { margin-left: 215px; }
#index, #exhibit { font-size: 12px; }
#index, #exhibit { line-height: 18px; }
.container { padding-top: 36px; }
.container { padding-left: 36px; }
#index, #exhibit { color: #000; }
#index, #exhibit { font-family: Arial, Verdana, sans-serif; }
#index ul.section span.section_title, #index ul.section span.section_title a, #index ul.section span.subsection_title, #index ul.section span.subsection_title a { font-size: 12px; }
#img-container { width: 5619px; }
#img-container .text { float: left; width: 627px; }
#img-container .text p, #img-container .textor p { width: 592px; }
#img-container .text2 p { width: auto; }
#img-container .picture { float: left; }
#img-container .captioning { height: 50px; text-align: left; overflow: visible; }
#img-container .captioning .title { margin-top: 3px; text-align: left; }

arsondpi / 2013-03-16 18:14:04   

What's your url address?

Carnbot / 2013-07-12 12:05:01   

I had this problem and realised the changes I made in the style.css weren't working because I had Style plugin enabled.

Just thought to mention it in case anyone else didn't spot this :)

This thread has been closed, thank you.