Footer area

[merlojh]

Is there a way to format these so they are side by side in the widget area and I have tried to make the background color blue but noting seemed to work Thanks for any help  John
Website is http://www.yourtravelgossip.com/ bottom footer area on all pages

[scrambler]

I am not sure what you did, but Footer widgets will normally be side by side in the footer widget area if you follow the directions below

If you want 3 widgets side by side, juts drop the 3 widgets in Appearance > Widgets > Footer widget area

The widgets will automatically have the same width.

If not the issue please be more specific about what you are trying to achieve

[merlojh]

I put 3 widgets in the site wide widget area and nothing?

[scrambler]

This is not the footer widget area, so you need to be precise. The footer widget area will automatically put them side by side.

The sitewide widget area will not do that, if this is indeed the widget area you want to use, you will need to use a single widget, and create your three side by side containers inside of it yourself with HTML and CSS.

If you want three equally wide widget there, you can use the method explained here:

http://forum.weavertheme.com/discussion/8303/general-methods-to-create-multiple-columns-widgets-contents

[merlojh]

thanks for the help I will try that John

[merlojh]

I got that to work now how do I make the background a solid blue color and the text white? Also do I need to leave the column width at 23%? Thanks for the help John http://www.yourtravelgossip.com/

[scrambler]

You misunderstood te tutorial.

If you just want 3 equally wide widgets using the column class, do not add any width styling.

If you want the background of the widget to be blue and text wide put that in your rule. Beware that the text you have in there right now are links so you need a special rule for changing the color of that

So instead of

.content-3-col-left {width:23%;}

use

.content-3-col-left {background-color:blue;color:white;}

.content-3-col-left a {color:white;}

If you want the whole widget area to be blue, you need to put the background rule on the Container, in which case use the rules below

#sitewide-bottom-widget-area {background-color:blue;}

.content-3-col-left {color:white;}

.content-3-col-left a {color:white;}

[merlojh]

I am using site wide bottom widget area. I put three text fields in the widget and put the css code in the header area of advanced options and in the main options widgets and all I get is a blue line across the top of the widget area. I left the site as is if you want to take a look. Thanks for the help. http://www.yourtravelgossip.com

[scrambler]

You need to add either add a clearing div after your three containers, or add overflow:hidden to the widget area rule  so it knows its height, like below

#sitewide-bottom-widget-area {background-color:blue;overflow:hidden;}

[merlojh]

Well for one thing the blue is there now but I wanted it across the whole bottom of the page and the text is not white. I think I will up it to Weaver Xtreme. Thanks for the help

[scrambler]

You are not paying attention….

If you want widgets at the bottom of the whole site (not the content area), then you need to use the footer widget area, just drop 3 widgets in there, no HTML, no custom CSS, and you can style the background in Main Options footer.

[merlojh]

I loaded WeaverX but I would like to put the title Your Travel Gossip above the slider if possible, Also the slide show page and video have resized to really large is there somewhere I can resize them? Thanks John

[scrambler]

1- Hide the standard Title using its hide option, then add a text widget above the slider, and insert the Site title in it using the Title Shortcode as explained in Add-ons > Shortcode section > Site title Red Help buble

2- I dont understand what you mean by ” slide show page and video have resized to really large ” please elaborate

[merlojh]

Where do I hide the standard title? Where is the hide option? I want to change the sizes of the videos and slides. John

[scrambler]

Main Options > HEader > SIte Title/tagline > Hide Site Title drop down list.

For video and slides, can you please be more specific. We dont mind to help, but we appreciate if we dont have to dig around and guess.

What page, what video, which slides, How did you insert the video, how did you insert the slides…

[merlojh]

http://www.yourtravelgossip.com/video-gallery When I changed to WeaverX they resized? Not sure why. John

[Author]

Posts