WXforum.net
Web Weather => Weather Web Site Help => Topic started by: CNYWeather on February 20, 2011, 06:52:18 PM
-
I've tried 20 things, but how do I widen the area where the menubar once was.
I tried all kinds of things in my css file. I want to widen it to put thumbnails on my radar, webcam , etc etc.
http://www.cnyweather.com/newweather/wxindex.php
-
Tony,
I think the issue is your page no longer has any markup for the sidebar area .. it goes straight from the dropdown-menu HTML into the <div class="main-copy"> area <!-- end generated dropdown menu -->
</div>
<div id="main-copy">
You would need to have something like
<!-- end generated dropdown menu -->
</div>
<div class="doNotPrint">
<div class="leftSideBar">
<p class="sideBarTitle">Navigation</p>
stuff here
</div><!-- end leftSidebar -->
</div><!-- end doNotPrint -->
<div id="main-copy">
on the page to be able to put stuff in the left-sidebar.
Hope this helps...
Best regards,
Ken
-
Hey Tony. I've been playing with the same thing. I believe I've found it in the CSS of which ever color style you're using. Mine is "weather-screen-black-narrow.css". In there, look for ####Left Side Bar#### and then the "width". Mine was set to 89px as default. I just changed it to 105px and so far, so good.
-
I tried that Steve. Have it set to 150px and it's not changed anything.
-
I tried that Steve. Have it set to 150px and it's not changed anything.
I wonder if that's because you have your style options turned on. Maybe try turning them off and then making the changes in the CSS file that you set active.
-
You mean the css settings?
-
Yes. In your settings.php, you have the style settings set to "true". (I'm at work right now so I cannot look at the exact wording on the file). Its what ever line in settings.php that allows visitors to select the color and style of the site. I have mine set to false. So when I edit my CSS file that I'm using, I'm able to see the changes in my menubar.
I'm wondering if you do the same, if you'd be able to see your changes.
-
Here's what i've got:
# Mike Challis' Theme Switch configuration
$SITE['allowThemeSwitch'] = false; // set to false to disable the use of Theme Switcher
$SITE['CSSscreenDefault'] = 'weather-screen-green.css'; // leave -narrow or -wide off this .. just change color here
$SITE['CSSwideOrNarrowDefault'] = 'narrow'; // 'narrow' or 'wide'
# CSSsettings_mode
# sets allowable user style select options:
# 1 user can select style and screen width (show style select and screen width select)
# 2 user can select styles only (hide screen width select)
# 3 user can select screen width only (hide style select)
$SITE['CSSsettings_mode'] = 3; // set to 1, 2 or 3
-
weather-screen-green-narrow.css looks like the CSS you're using. In there, look for ####Left Side Bar####. That's where I was able to change my menubar width, however I only added 6 pixels to it.
I don't understand something though....you have the theme switcher set to "false", but when I'm on your site, I'm able to switch the colors. If you want to stick with the green narrow layout, turn that color option off also and your changes in the CSS file should take place.
Forgive me....I'm really not good at this PHP stuff. I'm just feeling my way through it LOL
-
The main site you can switch colors. I've got all the other files loaded
into the "newweather" directory so I dont mess up my main pages.
Here's the part of my green-narrow css file where I'd think I would have to adjust
/* ##### Left Side Bar ##### */
.leftSideBar {
width:8.5em;
float: left;
clear: left;
}
.leftSideBar .sideBarTitle {
color: white;
background-color: #00745B;
font-weight: bold;
margin: 0;
padding: 0.5ex 1ex;
}
.leftSideBar ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}
.leftSideBar li {
margin: .5ex;
padding: 0;
}
.leftSideBar a {
display: block;
color: #00745B;
background-color: transparent;
width: 150px;
padding: .05em;
text-decoration: none;
}
-
The main site you can switch colors. I've got all the other files loaded
into the "newweather" directory so I dont mess up my main pages.
Here's the part of my green-narrow css file where I'd think I would have to adjust
/* ##### Left Side Bar ##### */
.leftSideBar {
width:8.5em;
float: left;
clear: left;
}
.leftSideBar .sideBarTitle {
color: white;
background-color: #00745B;
font-weight: bold;
margin: 0;
padding: 0.5ex 1ex;
}
.leftSideBar ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}
.leftSideBar li {
margin: .5ex;
padding: 0;
}
.leftSideBar a {
display: block;
color: #00745B;
background-color: transparent;
width: 150px;
padding: .05em;
text-decoration: none;
}
Yup, that's where I adjusted mine. I see where you changed yours to 150px. You still see no difference?
-
This line is my issue now too. Cant find what it is withing the left menubar