Home › Forums › Weaver Xtreme Theme › weaver xtreme content and widgets width
- This topic has 8 replies, 2 voices, and was last updated 8 years, 2 months ago by
iblondie62.
-
AuthorPosts
-
March 18, 2015 at 17:49 UTC - Views: 6 #17485
iblondie62
ParticipantI 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?March 18, 2015 at 17:56 UTC - Views: 1 #20629scrambler
ModeratorWe need a link to your page with specific to check things out
March 18, 2015 at 18:13 UTC - Views: 1 #20630iblondie62
ParticipantThe 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.March 18, 2015 at 19:39 UTC - Views: 3 #20631scrambler
ModeratorYou 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
March 18, 2015 at 21:12 UTC - Views: 1 #20632iblondie62
ParticipantThanks. 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.
March 18, 2015 at 21:57 UTC - Views: 2 #20633scrambler
ModeratorRight 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.
March 18, 2015 at 23:20 UTC - Views: 1 #20634iblondie62
ParticipantSorry. 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
March 19, 2015 at 00:03 UTC - Views: 1 #20635scrambler
ModeratorUse a left padding on the container area in Main options > Wrapping Areas > Container Area > Left Padding box
March 19, 2015 at 16:37 UTC - Views: 1 #20636iblondie62
ParticipantThanks. Learning a lot.
-
AuthorPosts
- You must be logged in to reply to this topic.