Jump to content


Photo
- - - - -

Styling sidebar with custom code


  • Please log in to reply
5 replies to this topic

#1 scootdc

scootdc

    Advanced Member

  • Members
  • PipPipPip
  • 42 posts

Posted 11 September 2012 - 06:09 PM

This is driving me crazy. Trying to drop the sidebar on this page (and others) and style the background image of the widgets.

Please Login or Register to see this Hidden Content



I've done this before on other sites but can't seen to figure this one out.

I'm using the following custom code...what am I missing?


body{}

#wp-admin-bar {display: none};

ul#list_sidebar_primary.sidebar_widgets li#text-2.widget_text {
background: url("

Please Login or Register to see this Hidden Content

) repeat-x scroll left top #123456;
border: 1px solid #754d45;
font-size: 14px;
margin: 0 0 10px 0;
padding: 5px;
}

#feature_slider div.default-features {width: 640px;}
#feature-area {width: 640px;}
#feature-footer {width: 640px;}
#feature_slider{width:640px;}
#sidebar-wrap{margin-top:-510px;}
.contact-us ul#list_sidebar_primary.sidebar_widgets{margin-top:500px;}
ul#list_sidebar_universal.sidebar_widgets{margin-top:365px;}
#feature-area, .feature-wrap {width: 640px;}
#feature-footer {width: 640px;}
#feature_slider .text-right .fcontent {
float: right;
width: 240px;
}
#feature_slider .text-left .fcontent {
float: left;
width: 240px;
}

#cred {display:none;}

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 September 2012 - 06:25 PM

Try this code:

Please Login or Register to see this Hidden Content



#3 scootdc

scootdc

    Advanced Member

  • Members
  • PipPipPip
  • 42 posts

Posted 12 September 2012 - 12:08 AM

Not working. Here's the proper code again. Any ideas?

body{}

#wp-admin-bar {display: none};

ul#list_sidebar_primary li#text-2 .widget_text {
background: url("

Please Login or Register to see this Hidden Content

) repeat-x scroll left top #123456;
border: 1px solid #000000;
font-size: 14px;
margin: 0 0 10px 0;
padding: 5px;
}

#feature_slider div.default-features {width: 640px;}
#feature-area {width: 640px;}
#feature-footer {width: 640px;}
#feature_slider{width:640px;}
#sidebar-wrap{margin-top:-510px;}
.contact-us ul#list_sidebar_primary li#text-2 .widget_text {margin-top:500px;}
ul#list_sidebar_universal.sidebar_widgets{margin-top:375px;}
#feature-area, .feature-wrap {width: 640px;}
#feature-footer {width: 640px;}
#feature_slider .text-right .fcontent {
float: right;
width: 240px;
}
#feature_slider .text-left .fcontent {
float: left;
width: 240px;
}

#cred {display:none;}

#4 James B

James B

    Advocate

  • Members

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

Posted 12 September 2012 - 01:03 AM

Hi there,

You're trying to drop the sidebar, but it has a negative figure in it, which is making it go up the page not down.

Try this

Please Login or Register to see this Hidden Content


and for the widgets try (replace white with your url etc)

Please Login or Register to see this Hidden Content



#5 scootdc

scootdc

    Advanced Member

  • Members
  • PipPipPip
  • 42 posts

Posted 12 September 2012 - 11:06 AM

still not working. I'm trying to get one setting on the contact us page and one on the welcome page. here's the revised code...please help.


body{}

#wp-admin-bar {display: none};

ul#list_sidebar_primary li#text-2 .widget_text {
background: url("

Please Login or Register to see this Hidden Content

) repeat-x scroll left top #123456;
border: 1px solid #000000;
font-size: 14px;
margin: 0 0 10px 0;
padding: 5px;
}

#sidebar1 {
margin-top: -500px;
width: 320px;
}


#feature_slider div.default-features {width: 640px;}
#feature-area {width: 640px;}
#feature-footer {width: 640px;}
#feature_slider{width:640px;}
.welcome #sidebar1 {margin-top:-500px;}
#feature-area, .feature-wrap {width: 640px;}
#feature-footer {width: 640px;}
#feature_slider .text-right .fcontent {
float: right;
width: 240px;
}
#feature_slider .text-left .fcontent {
float: left;
width: 240px;
}

#cred {display:none;}

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 12 September 2012 - 02:41 PM

Replace this:

Please Login or Register to see this Hidden Content


with this:

Please Login or Register to see this Hidden Content