Weaver Xtreme 4.0 and Weaver Xtreme Theme Support 4.0 now live

[Weaver]

There is no reason to not upgrade until the small issues with the new major 4.0 release settle out.

Just be sure to use the 3.2.3 versions of the old theme and theme support. You can’t mix any of the new versions with the old (but Weaver Xtreme 4.0 does still work with the 3.2.3 theme support, and Weaver Xtreme Plus is fine with 4.0. There will be a new X Plus version within a couple of months.)

To get the 3.2.3 versions, go here: https://weavertheme.com/archive-downloads/

[Dave]

@Scrambler.

Thank you for the advise. I’m so frightened of breaking the site again I’m kinda paranoid right now.

I honestly am hesitant to upgrade to 4.0 until the next build. I’m concerned it may be fragile and susceptible to corruption by these cache plugins.

However, I don’t know 2% of what you guys do, so I take your advise with appreciation and value.

[scrambler]

@dave, Do you have a test site? If so update that and review. None of the issues that came up are serious, they are mostly cosmetic problems with some CSS changes, so once the site looks the same you will be good.

If you do not have a test site, and if your live site is very sensitive, then you should create a Test site.

You can do that in a sub directory of your current site, and use a clone program to clone the live site in the sub directory WordPress installation.

The process is explained at the beginning of the article below

Converting a Weaver II (Pro) or Aspen site to Weaver Xtreme

 

 

[Dave]

Hi Scrambler.

Yes, the /bu site is a test site.

I’ll use this site (as we have been fixing it) from now on as the beta/test site.

http://cdvps.org/bu

However, I’ll need to copy the fixed CSS codes from the above beta site to quickly paste on the live site because it will break if I upgrade. This is why I prefer to wait until the next release before taking it on the live site, just to make sure all is OK.

For example, I removed the header widget which contained an announcement because it was totally removing my header image. 😞

 

[scrambler]

We have not addressed anything about header widget and header image. Can you elaborate and provide a link.

[Dave]

@Scrambler.

OK, when I drag Visual Editor into the header widget area containing an announcement, it makes my entire header image go away.

I just dragged it back up and my header image is gone.

http://cdvps.org/bu (test site)

It should look like this …

http://bonitacd.org

(live site)

Cache plugin has been disabled on both sites.

[scrambler]

What do you mean by “hen I drag Visual Editor into the header widget area containing an announcement”

Because the reason your header image disappears is because the content of the text widget in the widget area is very tall (not sure exactly why)  and covers it.

Your header image is there, just below the yellow background of the widget area which extends over it.

If you are typing HTML in a text widget, you should not do that. For HTML, you should use a Custom HTML Widget.

 

[Dave]

I just type the announcement using visual editor. It’s UI is similar to what you see when typing here. Also,it was working perfectly prior to the upgrade. Hence the original site link where you can see along with the header image.

I meant “drag” the visual editor widget into the header widget area. Same process with the live non-updated site.

[Dave]

@Scrambler:

I updated to 4.01 and still had the header image issue.  However, I just “center aligned” the header image and it fixed it (brought it back).

[Weaver]

I don’t know exactly all that goes into your header, but with Weaver Xtreme 4, you can replace the entire header with the contents of a page or post, even one from a page builder. No need to use the page editor in a widget. And Gutenberg will be nice for this, too.

And Weaver’s normal menus remain functional – above or below the “post” header. And the title stuff also is included as hidden text for SEO. In a way, I see this capability as the end to difficulties building a nice header. It sort of obsoletes a lot of Weaver header options.

This can be done globally (Customizer -> Page Builders), or per page. Works for footer area, too.

[scrambler]

OK, That helps,

Ca you set the header image back to what it was before (I suppose align left)

Thanks

[Dave]

@Scrambler

OK, aligned left, and the header image is gone again. 🙁

[scrambler]

How did you create the header image, is it the default way in Appearance > Header, or are you using the HTML replacement, or the featured image as header image?

Also give us the various options in Main Options > HEader > Header image.

 

[Dave]

I created the header image as follows:

1. Created the banner image using photoshop
2. Uploaded the banner as a header replacement using WP
3. Cropped as suggested by wordpress

It’s basically an image the same as the default images that come with wp.  What’s odd is I never had this issue with Weaver 3.x 🙁

Appearance > Header > Add New Image > Crop > Publish

[scrambler]

@weaver, on the site below,

http://cdvps.org/bu/

the header widget area is over the header image, because of the way the Header image CSS is setup, but I cant figure out what configuration generates this configuration.

His HTML for the header mage is

<div class="header-image header-image-type-std" id="header-image" style="position: relative;">
<a href="http://cdvps.org/bu/" rel="home"> 
<img width="1024" height="155" class="wvrx-header-image" alt="" src="http://cdvps.org/bu/wp-content/uploads/2018/05/new-banner-dark.png">
</a>
<div class="resize-triggers">
<div class="expand-trigger"><div style="width: 1025px; height: 17px;">
</div>
</div>
<div class="contract-trigger">
</div>
</div>
</div>

and the image tag is set to float:left which causes the header widget area to overlap the header image.

My problem, is that I cannot reproduce his configuration.  If I create a regular header image, I have the following HTML

<div class="header-image header-image-type-std" id="header-image" style="position: relative;">
<div class="wp-custom-header" id="wp-custom-header">
<img width="1920" height="400" alt="Site Title" src="https://www.nicolatrwst.com/testnicola/wp-content/uploads/header-large-2.jpg" srcset="https://www.nicolatrwst.com/testnicola/wp-content/uploads/header-large-2.jpg 1920w, https://www.nicolatrwst.com/testnicola/wp-content/uploads/header-large-2-150x31.jpg 150w, https://www.nicolatrwst.com/testnicola/wp-content/uploads/header-large-2-300x62.jpg 300w, https://www.nicolatrwst.com/testnicola/wp-content/uploads/header-large-2-1500x312.jpg 1500w" sizes="(max-width: 1920px) 100vw, 1920px">
</div>
<div class="resize-triggers">
<div class="expand-trigger"><div style="width: 1175px; height: 197px;"></div></div><div class="contract-trigger">
</div>
</div>
</div>

and the image tag is NOT floated.

Do you know what configuration generated the header HTML of his site with a floated image?

 

[Dave]

I’m starting my daily 1hr commute home from the office.  I’ll check here sometime this evening from home.

Thanks again for your help.

[Author]

Posts