[Resolved] GP3.0 footer flex

Home Forums Support [Resolved] GP3.0 footer flex

Home Forums Support GP3.0 footer flex

  • This topic has 6 replies, 3 voices, and was last updated 1 year ago by Leo.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1453799
    Eric

    Hi,
    Testing the GP3 and a question here with the footer
    I made a footer with 4 widgets and I want something like that
    Footer 1 : 40% width
    Footer 2 : 20% width
    Footer 3 : 20% width
    Footer 4 : 20% width
    Problem your widgets footer has got this rule :
    .inside-footer-widgets>div {
    flex: 1 0 0;
    }
    Thanks for your support

    #1453824
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media(min-width: 769px) {
        .inside-footer-widgets>div {
            flex: 0 0 20%;
        }
    
        .inside-footer-widgets>div:first-of-type {
            flex: 0 0 40%;
        }
    }
    #1453833
    Eric

    Great it works !!!
    Thanks !

    #1453986
    Eric

    But if you put this code in the style.css file in the theme folder. It doesn’t work ๐Ÿ™

    #1454025
    David
    Staff
    Customer Support

    Are you using a Child Theme ?

    #1454081
    Eric

    Nope ! I edit the css file at the first level of the theme. But if I install the simple css extension it works !

    #1454101
    Leo
    Staff
    Customer Support

    Definitely don’t edit the parent theme’s style.css as it will be erased during updates ๐Ÿ™‚

    You can just use Additional CSS field in the customizer as well.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.