When you reduce the font size the content area bleeds into the sidebarleft area. This also happens on seoposition.com.

Anything we can change to stop this happening?

Comments

Wolfflow’s picture

Hi i am working on alek 2.0 D6.x
You may look at my progress on A Place for Alek 2.0 Theme
Cheers

... Some ours later...

Ok I have played around with the Alek Theme on my local server and if i have fully understood what you mean with:

...the content area bleeds into the sidebarleft area. ......

I saw that adjusting the with of the siderbarLeft in width, that means make it smaller,
styles.css part of ...

#sidebarLeft {
width: 230px;              <----------I
background: #31363E;
float: left;
margin: 0em 1em 0.5em 1em;
color: #B9B9B9;
}

Cheers
the effect can be controlled.
Cheers

Brandon Brockett’s picture

Thanks! It worked.
I made the sidebarLeft 195px and had issues with the top.gif and bottom.gif not fitting the sidebar.
So I resized the img/top.gif and img/bottom.gif images to fit the new width then uploaded and overwrote the originals.

Once that was done then the styles.css had to be updated to display the correct image sizes.

/* begin sidebarLeft */

#sidebarLeft {
width: 195px;                                    <------- Changed from 230px to 195px to make the sidebar narrow.
background: #31363E;
float: left;
margin: 0em 1em 0.5em 0em;
color: #B9B9B9;
}

#sidebarLeft .title {
  margin:0;
  padding: 0;
}

.sidebarLeft-content {
padding: 0 15px 0 15px;
text-align: justify;
}

#sidebarLeft span#topspan {
display: block;
height: 51px;                                    <------- Changed from 60px to 51px       This is to reflect my new image size for img/top.gif
width: 195px;                                    <------- Changed from 230px to 195px
margin: 0;
padding: 0;
background: #fff url(img/top.gif) no-repeat top left;
}
#sidebarLeft span#bottomspan {
display: block;
height: 51px;                                    <------- Changed from 60px to 51px       This is to reflect my new image size for img/bottom.gif
width: 195px;                                    <------- Changed from 230px to 195px      
margin: 0;
padding: 0;
background: #fff url(img/bottom.gif) no-repeat top left;
Wolfflow’s picture

Status: Active » Closed (fixed)

Thank you too Brandon
Glad to see that you got it work, thanks you to for posting your changes, i will
post it also to my test Site Drupal Themes Developing
if you agree.
Cheers