weaver xtreme content and widgets width

[iblondie62]

I am fairly novice at this but had created a website using Aspen. I am now helping a friend convert their website from godaddy website builder to wordpress using weaver xtreme. Everyday I am learning a new piece to the puzzle. However, i am at a loss on content vs widget width. For individual widgets it says: The width of this area is automatically determined by the enclosing area.

The only widths I have specifed are the Theme Width = 900px and the Right Sidebar Width = 40%.

This does not auto correct the width of the content and therefore the widget ends up being displayed below the content as it it too wide. I can reduce the content width but that should not be necessary and I don’t want it that small on other pages. 

It appears that the widget has a lot of space between it and the right margin of my theme.  I would like the widget to be close to the right side and the content but calculated properly.

What am I doing wrong?

[scrambler]

We need a link to your page with specific to check things out

[iblondie62]

http://maxhealthme.org/

The home and Practice page  are only displaying side by side as I added page classes for content width and adjust widget width appropriately. I thought I would not need to do this. However, I would still prefer to move the widget further to the right.

If you select any other tab you will see what it does without this. 

[scrambler]

You appear to have a rule

#content {margin:30px;}

that is screwing up everything as there should not be any left and right margin on content. If adding left and right margins on content, they MUST be in % and the width % must be adjusted as well, or else the total will go over 100% and cause the stacking.

if you added that rule remove it, you have top and bottom margin boxes available in main options > Content areas as well as left and right padding boxes.

If you did not add that rule, check in Main options > Fonts & Custom > Custom CSS Rule box to see if it came fro a sub theme and remove it.

You also appear to have a broken HTML structure, as the Secondary sidebar widget area is ending up in a Font tag… (<font color=”#030e24″>) which is not right 

You need to run your content through an HTML validator to see what could be causing that and fix it

[iblondie62]

Thanks. Now that is removed I also commented out the css code to set content width for home and practice page. It is still not auto setting width to fit content and widgets side by side.

[scrambler]

Right now you site still has the rule

#content {margin:30px;}

Which causes the sidebar to stacked, So if you fixed it you may need to clear your cache so I can see

You still have an HTML problem, both content and primary sidebar are inside a font tag, which means you still have open / close HTML tag errors. Any html tag you open must be closed.  ie:  <font>….</font>

I don’t understand what you mean by ” It is still not auto setting width to fit content and widgets side by side.”

You should not need to do anything when the problem is fixed. If you still have an issue please elaborate.

[iblondie62]

Sorry. had margin set in two places and only changed one. Now my problem is that I would like a margin on the left so the content area starts further in. The original website is maxhealthme.com

[scrambler]

Use a left padding on the container area in Main options > Wrapping Areas > Container Area > Left Padding box

[iblondie62]

Thanks. Learning a lot. 

[Author]

Posts