Jump to content


Photo
- - - - -

Morefoot, different widths


Best Answer James B , 17 January 2013 - 01:23 AM

Hi there,

 

You're using the format for your css, i think theres a minimum width set so if 10px don't have any effect if it's under the minimum width limit. To override that you'll need to use !important. I've pasted an example below for you which gives this effect on the middle column - http://screencast.com/t/nCpfNSBRVw

 

 

 
#recent-posts-2
.widget .widget-pad {
    padding: 10px;
    width: 400px !important;
}
Go to the full post


  • Please log in to reply
8 replies to this topic

#1 gtg468y

gtg468y

    Advanced Member

  • Members
  • 34 posts
  • Country: Country Flag

Posted 14 January 2013 - 12:49 AM

Is there any way to have the 3 columns in the Morefoot area be a different width?  



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 14 January 2013 - 08:47 AM

Hi There

 

Do you mean to have, for example, One Column 300px and the other two remanning columns something like 400px? 



#3 gtg468y

gtg468y

    Advanced Member

  • Members
  • 34 posts
  • Country: Country Flag

Posted 14 January 2013 - 06:48 PM

Yes, each column to be a different width



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 15 January 2013 - 03:18 AM

Hi there, the only way to do this would be to override the system defaults by using custom css if your using the morefoot section. You'd need to edit the width and margins/padding for each widget inside the sidebar to create the appearance you're looking for.

 

If you've not used custom css before please take a look at

Please Login or Register to see this Hidden Content

to see how to find and apply the correct code inside the framework. For a deeper look at css and further guidance please see

Please Login or Register to see this Hidden Content



#5 gtg468y

gtg468y

    Advanced Member

  • Members
  • 34 posts
  • Country: Country Flag

Posted 16 January 2013 - 12:09 AM

Thanks for your responses.  I've tried all kinds of ways to get the CSS to work, and nothing has so far -  I just don't know what to call... I'm new to CSS, any additional CSS help would be very helpful



#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 16 January 2013 - 02:13 AM

Hi there, if you can provide us with the css code you're currently using for the amendments we'll take a look and see if we can point you in the right direction.



#7 gtg468y

gtg468y

    Advanced Member

  • Members
  • 34 posts
  • Country: Country Flag

Posted 17 January 2013 - 12:56 AM

I tried:

#morefoot morefoot-col.recent-posts-2 {width:10px;}

 

#morefoot recent-posts-2.widget_pad {width:10px;}
#morefoot morefoot-pad.recent-posts-2 {width:10px;}
 
etc...


#8 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 17 January 2013 - 01:23 AM   Best Answer

Hi there,

 

You're using the format for your css, i think theres a minimum width set so if 10px don't have any effect if it's under the minimum width limit. To override that you'll need to use !important. I've pasted an example below for you which gives this effect on the middle column -

Please Login or Register to see this Hidden Content

 

 

Please Login or Register to see this Hidden Content



#9 gtg468y

gtg468y

    Advanced Member

  • Members
  • 34 posts
  • Country: Country Flag

Posted 19 January 2013 - 03:07 AM

Fantastic, thank you so much.