add listing form design for mobile devices

This topic contains 10 replies, has 2 voices, and was last updated by  Martin Steimann 5 years, 8 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #468840

    Martin Steimann
    Lifetime Member
    Post count: 262

    Hello,

    I would like to narrow the line spacing of the description text. And a little margin or padding between the Submit Listing and Preview Buttons would help the user to select one of them more easily. How would I achieve this?

    Regards,
    Martin

    #468876

    Kor
    Moderator
    Post count: 16516

    Hi Martin,

    Thanks for your post. This can be adjusted using custom CSS and I’d like you to check out this article and see if it helps. https://wpgeodirectory.com/docs/customizing-your-style/

    Thanks!

    #468885

    Martin Steimann
    Lifetime Member
    Post count: 262

    Hi Kor,

    thanks for your reply. I will study the article but my coding skills are rather limited. Therefore I’m just hoping you will fix these two „issues“ permanently in the next release 😉

    Regards,
    Martin

    #468902

    Kor
    Moderator
    Post count: 16516

    Hi Martin,

    Thanks for your reply. Could you share your Website URL here with WP admin access so that I could provide you the custom CSS code to adjust that?

    Thanks!

    #469085

    Martin Steimann
    Lifetime Member
    Post count: 262
    This reply has been marked as private.
    #469205

    Kor
    Moderator
    Post count: 16516

    Hi Martin,

    Thanks for your reply. You can custom CSS code below to achieve that.

    
    
    @media only screen and (max-width: 600px) {
      div[role=radiogroup] {
        width:100%!important;
    }
    
    span.geodir_message_note {line-height:13px!important;}
    }
    #469222

    Martin Steimann
    Lifetime Member
    Post count: 262

    Thank you Kor! And how can I widen the gap between the submit and preview buttons? See screenshot 4.

    #469230

    Martin Steimann
    Lifetime Member
    Post count: 262

    May I add one more request? I would like to reduce the line spacing of the field description text too. Many thank!

    #469233

    Kor
    Moderator
    Post count: 16516

    Hi Martin,

    Thanks for your reply. Sorry for overlooking that. Use this one.

    
    
    
    textarea {
        resize:none!important;
    }
    #469236

    Kor
    Moderator
    Post count: 16516

    Hi Martin,

    Thanks for your reply. We don’t really provide customization services here and I hope you understand. Here is the remaining custom CSS for your form.

    
    
    .geodir-fieldset-row {line-height: 15px;}
    
    button.geodir_button {margin-bottom:10px;}
    #469243

    Martin Steimann
    Lifetime Member
    Post count: 262

    Superb – everything solved – thanks a lot!

Viewing 11 posts - 1 through 11 (of 11 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount