[Resolved] Need help with CSS and hooks

Home Forums Support [Resolved] Need help with CSS and hooks

Home Forums Support Need help with CSS and hooks

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #687376
    Emil

    Hello, I have problem with hooks, because I can’t do this (I am upload a screenshot on which I present the hooks that I would like to design)

    Best Regards
    Emil

    GeneratePress 2.1.4
    GP Premium 1.7.2
    #687609
    David
    Staff
    Customer Support

    Hi there,

    try this markup:

    <div class="naglowek_glowna">
        <div class="column-wrap grid-container">
            <div class="column-left">
                <h1>Elektryczne kable grzewcze</h1>
                <p>Efekt ciepłej podłogi to komfort na który Cię stać!</p>
            </div>
            <div class="column-right">
                <a class="button kable-grzewcze" href="https://www.youtube.com/watch?v=u0VMXF8Xz7I">Droga dojazdowa do lotniska w Ankarze</a>
            </div>
        </div>
    </div>

    And this CSS:

    @media (min-width: 400px) {
        .column-wrap {
            display: flex;
        }
        .column-left {
            margin-right: auto;
        }
    }

    Let me know and what you want it to do when it breaks to mobile

    #688282
    Emil

    Thanks! This code is perfect 🙂

    #688286
    Emil

    But I have one problem with responsive, because when screen less than 500px I have one column – that’s perfect, but how to add below button padding?

    #688468
    David
    Staff
    Customer Support

    Try this CSS:

    .column-right {
        padding-bottom: 25px;
    }
    #690368
    Emil

    without effect 🙁

    #690433
    David
    Staff
    Customer Support

    Hmm… re-add the code, not inside the media query, and clear your autoptimize cache

    #690578
    Emil

    Thanks! Topic as resolved

    #690582
    David
    Staff
    Customer Support
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.