I have a couple of issues with displaying widgets which are not apparent with Weaver ii Pro.

[goakes]

For the image below, when I select the pull menu for the top widget, it stops displaying when it hits the bottom widget. The pull down menu should go over the top of the bottom widget? This was working correctly with Weaver ii.

Weaver Xtreme

Weaver ii

On a similar note, for a top widget area, the widget stops at about 67% of the width. I would like this to go across the full width. Again I managed to get this to work with CSS in Weaver ii, but unable to make this work with Weaver Xtreme

Weaver Xtreme

Weaver ii

I hope I’m clear with the issue and hope you can resolve.

Gary

[scrambler]

Please provide a link to your site so we can be sure of the fix

[goakes]

Hello

I can provide a link but would rather this be private. Are you after the site url and/or the admin login?

Gary

[scrambler]

Just the public site URL, NO admin login.

we just need to be able to inspect the page code , see exactly what is there, and test the custom CSS to fix the issue

We can remove the link from the thread once the problem is fixed

[goakes]

Link below

http://www.yourlocalconnect.co.uk

Gary

[scrambler]

Your link goes to the temporary page. If you have your site in a subfolder, we need the full link to the actual site folder

[goakes]

Hello

Thank you for your patience. 

Try the link again. http://www.yourlocalconnect.co.uk

The first issue can be seen when you select say Businesses in the menu bar. The pull down menus are on the right. 

For the second issue, you will need to go to the change location (right on the sidebar) and select ‘everywhere’ or any other town that may be visible. 

Gary

[scrambler]

When I click on Businesses, it takes me to that page

http://www.yourlocalconnect.co.uk/businesses/

I see no menu in the sidebar of the page under dashboard, I suppose it only shows up when you sign in, so may be I need a temporary subscriber account, or you need to set the menu to be here when not logged in right now so I can actually see the problem.

I also don’t see ay Change location in that page, may be for the same reasons.

But the weird part is that in that page, I do not see the weaver Xtreme page structure, under the Header, instead of the weaver container and inside the content and sidebar container, I see a div with the ID geodir-wrapper-content.

So either this is not the page I am supposed to look at, or you created a child theme and edited the weaver template, or you have a plugin taking over doing major change.

In any case what is in there has nothing to do with weaver xtreme.

Also the part that you called a top widget area appears full width to me (on IE11) and again has nothing to do with any Xtreme widget area, it is a div with a class geodir_full_page.

So if this is the page that supposedly has the problems, A) I don’t see them, B) it has nothing to do with Xtreme, so you need to clarify how these are being done.

[goakes]

Hello 

Thank you for having a look at this. 

As for the sidebar, you are right. You will need to set up an account. I have done this for you. Sign in details UN:weaver, PW:weaver (http://www.yourlocalconnect.co.uk). Hopefully if you go to businesses, you will see the the pull down menus on the right. When selecting ‘Add listing’ the drop down box becomes cut off. Yes there is a lot of CSS changes on this site, but sure this area is not affected. The menu works when I revert the theme back to Weaver ii so makes me think it is a function of Weaver Xtreme. 

Is it possible to have another look at this.

I have set up another site in Weaver ii here http://www.strategiesofmarketing.com. Although in its basic form, you should see a businesses tab and again sign in using the same details above. 

I have also left a comment for the geodirectory team to have a look.

Gary

[scrambler]

The menu being cutoff, is because by default widgets and widget areas are using overflow:hidden.

You can change that globally by adding the rule below in Main Options > Head Section > Custom CSS Rule box

.widget-area, .widget {overflow:visible;}

If you only need it for some widgets, you would need to use the widget ID in the rule insead of the global selector

As for your second problem of a top widget area being cutoff, you need to give me the link for the page that shows it, because the businesses page does not have the issue

[Weaver]

Note that overflow is hidden by default for the content area and the widget areas because of WordPress.org theme standards.

[goakes]

Hello 

This has solved both issues so thank you. 

Just one other thing I have noticed. Under Appearance, Footer, Footer HTML. When I add text under Footer HTML Content and select Area Align: centre, the text goes to the left? 

Left and right align work correctly, but unable to make the text appear in the center?

Gary

[scrambler]

I am not quite following, would need to see a page. But first read the tutorial #2 in the thread below in case this is what you were trying to do

http://forum.weavertheme.com/discussion/11220/weaver-xtreme-tips-and-tutorial-part-5

[goakes]

Hello

Thank you for staying with me on this.

I have taken an image of the page in question below

I have some text in the Footer HTML content and would like this to appear in the center of the footer. I have selected ‘Align Area’ to center, but this makes the footer text align left. If I select align area right then the text moves to the right.

Not sure why I’m unable to align the text into the center.

Gary

[scrambler]

The alignment option for the Footer HTML has nothing to do with aligning its content. It has to do with aligning the container if you use a width value of less than 100%.

If you want to center the content of the Footer HTML, it all depends on what type of content.
If simple text, you would put the rule below in Footer HTML BG CSS+ box
{text-align:center;}

If you would put a div in there, you would use margin:0 auto;  on the div inline style.

I see you are putting a table in there, I am not sure if a table would react to the {text-align:center;} but do try that. if not, add the margin:0 auto;  to your table style attribute rules.

<table style=”margin:0 auto;….”….>

By the way, I see you are using fixed width values for that table. This is a very Bad idea, as it will make your table non responsive, and it will then be cutoff on  mobile.

If you have to use a table, at least use widths in percentages, or max-width, but not width in pixel.

Keep in mind that tables cannot scale indefinitely, as the content of cell becomes non compressible, they stop scaling and can cause problems. Eventually use responive div structure instead.

Read below for more

http://forum.weavertheme.com/discussion/8616/tables-versus-divs-how-to-style-tables-in-weaver

http://forum.weavertheme.com/discussion/11220/weaver-xtreme-tips-and-tutorial-part-5

http://forum.weavertheme.com/discussion/10342/weaver-xtreme-tips-and-tutorials-part-1#Item_1

[goakes]

Thank you for the advice. One for tomorrow to fix. 

Gary

[Author]

Posts