Blog Post Full Width Elements

Ask the community
, ,
1

I’m having trouble with making a banner full width on a blog post, when I click on stretch it does not actually stretch to the full width of a page.

Blog
Blog1732×1117 288 KB

Working in
Wix Editor

Site link
If this is happening on a site, include a live or test site link

What I’m trying to do
I would like the Banner to be full width of the entire page and not just the center. Once I get the banner to be full width I will hide the title all together and just have the banner at the top.

2

Anything written within the Blog editor will be limited by the width of the Blog Widget within the editor and site.

If I understand correctly, you’re wanting a full width banner instead of the title, right?

The way to approach this would be a short amount of code, and adding a section above the Blog Widget. The code would set the section background and the text of a text element within the section.

You would then hide the title from the blog widget.

The code would look something similar to this:

$w.onReady(function () {
    $w("#postPage")
        .getPost()
        .then((post) => {
            let postImage = post.coverImage;
            let title = post.title;

            $w("#coverImgSection").background.src = postImage
            $w("#coverText").text = title
        })
        .catch((error) => {
            console.log(error);
        });

});