margins

[EW]

I want just one div on my homepage to be full width - no margin at all on either side but when I can't seem to change the genesis layout with out it effecting the margins of every page.
what can i do?
thanks

http://littlepeople.estiwolodarsky.com

[Victor Font]

Which element do you want to be full width?

You can add the following CSS to it's ID or create a class for the element. Either way, the CSS is:

margin-left: calc( -100vw / 2 + 100% / 2 );
margin-right: calc( -100vw / 2 + 100% / 2 );
max-width: 100vw;

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[EW]

I want to add it just to the class- "view-by-designer", this is a h3 on the home page, but there is no change happening?

[Victor Font]

The code I gave you is working fine. You have to change the overflow from hidden to visible on the article object.

At line 1919 in style.css, the code should be:

.blog .entry, .page .entry, .search .entry, .sidebar .entry, .archive .entry, .single .entry {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    overflow: visible;
}

And the view-by-designer class is:

.view-by-designer {
    text-align: center;
    color: #fff;
    font-size: 45px;
    font-family: 'rajdhani';
    background-color: #510600;
    margin-left: calc( -100vw / 2 + 100% / 2 );
    margin-right: calc( -100vw / 2 + 100% / 2 );
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[EW]

thank you, that worked!

[Author]

Posts