Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 20, 2022 at 11:54 am #1336335
    josk-design

    Hey there,

    I would like to create a very simple layout but don’t know how to do it.
    Please have a look at those screenshots. https://josk-design.de/kontakt_layout.jpg where I explain visually what I’d like to do. :)
    I would be very happy if you can help me.

    Thanks in advance!

    Josephine

    January 20, 2022 at 12:43 pm #1336346
    Rikard

    Hi Josephine,

    Please add the text blocks in the 1/5 elements in the 2/5 element instead, and wrap them in divs with a class added to them. After that we can give you some custom CSS to use. Also please link to where we can see the actual elements.

    Best regards,
    Rikard

    January 20, 2022 at 12:58 pm #1336351
    josk-design

    Hi Rikard,

    thanks for your quick reply!
    I hope I understood you well. I wrapped 2 textblocks in one 2/5 element I added to each block a class. First block contact1 second block contact2. Or was it supposed to be the same class for both?

    pls. see temporary WP login in private content.

    https://kuhl-consult.josk-design.de/kontakt-neu/

    Best regards
    Josephine

    January 20, 2022 at 2:26 pm #1336364
    Rikard

    Hi,

    Thanks for that. I’ve edited the layout for you, and added classes and CSS in Quick CSS. Please review your site.

    Best regards,
    Rikard

    January 20, 2022 at 5:21 pm #1336410
    josk-design

    Hi Ricard,

    thanks a lot!

    unfortunatly I do not find the places where you added classes and CSS in Quick CSS.
    I looked in the following places:
    • design > customizer > additional CSS
    • Design > theme editor
    • Textblock > Erweitert > Entwickler-Einstellungen > Benutzerdefinierte CSS-Klasse

    I don’t have a clue where it is. :-/

    Best regards
    Josephine

    January 20, 2022 at 5:30 pm #1336417
    Yigit

    Hey Josephine,

    You can edit your element and go to Advanced > Developer Settings to find field for Custom CSS and Custom ID and Quick CSS is located in Enfold theme options > General Styling tab. I attached screenshots in private content field below :)

    Regards,
    Yigit

    January 20, 2022 at 6:14 pm #1336427
    josk-design

    Hi Yigit,

    quick css I found. But where is:
    .contact-1-2 ?
    The screenshot you sent showed a class added to contactform 7 called .contactform7

    @media only screen and (min-width: 768px) {
    .contact-1-2 {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    }
    }

    Best regards
    Josephine

    January 20, 2022 at 6:21 pm #1336428
    josk-design

    I found it!! The div class <div class=”contact-1-2″> is written in the html of the Text:
    :o)

    Bürozeiten

    Sie erreichen uns montags bis freitags von
    10 bis 17 Uhr telefonisch.

    Schreiben Sie uns aber gerne auch eine
    E-Mail oder nutzen Sie das Kontaktformular.

    Wir freuen uns auf Sie!

    </div>
    <div class=”contact-1-2″ style=”margin-top: 13px;”>

    Kuhl Consult

    Christa Kuhl
    Stromstr. 41
    40221 Düsseldorf

    Telefon: +49 159 06802762
    Mobil: +49 211 15800218
    E-Mail: (Email address hidden if logged out) “> (Email address hidden if logged out)

    </div>

    January 20, 2022 at 6:22 pm #1336429
    josk-design

    Thanks a lot Yigit and Ricard!

    You can close the thread.

    Happy evening!
    Josephine

    January 21, 2022 at 7:11 am #1336472
    Rikard

    Hi,

    Great, I’m glad that we could help, and thanks for the update. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Grid Layout with Avia Layout Builder’ is closed to new replies.