0,00 USD

No products in the cart.

Tuesday, March 2, 2021
0,00 USD

No products in the cart.

Making the FullWidth Header FullWidth in the Extra Theme

Home » Family » Making the FullWidth Header FullWidth in the Extra Theme
0
(0)

I’m testing out something simple as a first post on this website, and then I’m getting back to the tutorials and finishing with basic design here. As you might notice, I’m a fan of Elegant Theme’s Extra theme. I’m a fan of many themes, but sometimes you end up sticking with something — in my case it’s Divi and Extra though I’ve used many other themes in the past. But you might notice that even when you don’t even choose the “boxed” layout in Extra…it’s boxed. The fullwidth header isn’t even fullwidth. But if you want to make the Extra theme fullwidth, here’s how to do it.

Here’s the Snippet to Make the Extra Theme Fullwidth:

#main-content .container {     max-width: 100%!important; }
.container { width:100%; }

Where Do I Put It?

I’m coming back to edit this post after the weekend with photos and a video and further instructions. Right now, I’m just working on getting something up here. If you want to make your entire website fullwidth, put in it the theme customizer. On this website, I use it on an as-needed basis. Go to the gear icon at the bottom of the visual builder, then under “Advanced” settings, enter it into the custom CSS field. I’ve done this on the homepage and again in my theme builder header sections to get my headers to be fullwidth. I’ll be back soon with photos and videos…but I’m going to have a weekend now (even though I’m at home).

How many hot cups of coffee does this post or page deserve?

Click on an icon to rate it.

Average rating: 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

As you found this post useful...

Care to share?

We are sorry that you found this post to be like a weak cup of decaf.

Let us improve this post!

Tell us how we can improve this post?

Cheryl
Cherylhttps://www.caffeinejournal.com
Cheryl is a former Occupational Therapist and WordPress enthusiast who became a writer in some parallel universe and occasionally, but infrequently, publishes things in this one. She writes two blogs (or is it three) which she won't quit because she knows that blogs, in her case, are like a hydra and if she cuts one off two more will take its place. When she's not doing that, she enjoys hiking, cycling, kayaking (formerly fast, now ebike), messing around with Adobe illustrator, making assorted things, meditating (though she wouldn't call that "like," and reading. She normally doesn't speak about herself in the third person, but she sometimes uses "we" in the royal sense while writing this blog. She lives in Poulsbo, WA with her spouse, her youngest adult daughter, a very old mutt, and a Siamese cat.

You may also be interested in:

Hueman Free Theme CSS Tweaks

Zip is using the Hueman free them currently. Here are a few CSS changes he made for styling the author box, links, and tags.

Changing Your Widget Title Colors (and finding the right CSS selector to edit CSS)

Zip is slowly, slothfully, changing the colors for his website. But he finds that he can't change the widget titles in the customizer. Here's how to style widget titles using CSS, including adding background images and custom CSS classes.
Share via
Liked it? Follow us on social media!
Thanks for sharing!
If you found this post worth sharing, consider following us on social media (if you don't already).
And if you have something you would like to share, consider submitting a post. Find out more here.
Send this to a friend