Address icon and text position alignment

This topic contains 7 replies, has 2 voices, and was last updated by  Kor 7 years, 4 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #387845

    Lalremlien Neitham
    Free User
    Post count: 6

    In the detail page of a place, how can I properly align the multiple address text further from the Address icon.

    Example as in the attached image. From Example 1 to Example 2.

    #387854

    Kor
    Moderator
    Post count: 16516

    Hi Lalremlien,

    This can be done using custom CSS, do you have a link to your Website so that I could try to work it for you?

    Thanks!

    #387863

    Lalremlien Neitham
    Free User
    Post count: 6
    This reply has been marked as private.
    #387927

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Please check this section of the documentation as it explains how you can achieve this. https://wpgeodirectory.com/docs/changing-the-layout-of-addresses/

    #387932

    Lalremlien Neitham
    Free User
    Post count: 6

    Hello, thanks for the trouble. But I was not actually talking about the layout of the addresses. But about the CSS alignment of the ‘Address icon’ and the ‘addresses’ which are not properly aligned as attached in the above attached example. 🙂

    But well, the above solution that you posted surely do solved another issue! 😉

    #387973

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Please insert the custom CSS code into GD > Design > Scripts > Custom Style CSS

    
    
    span[itemprop="addressLocality"],
    span[itemprop="addressRegion"],
    span[itemprop="postalCode"],
    span[itemprop="addressCountry"]{
      margin-left: 15px!important;
    }
    #388011

    Lalremlien Neitham
    Free User
    Post count: 6

    In the email notification the code came as:

    
    
    span[itemprop="addressLocality"],
    span[itemprop="addressRegion"],
    span[itemprop="postalCode"],
    span[itemprop="addressCountry"]{
      margin-left: 15px!important;
    }

    I tried it just like how the code came in the email without first looking at the forum. It didn’t work. So instead of & quot; I replaced them with a single quote (‘). It now works well perfectly!

    Thanks you very much!

    #388269

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Glad that you sorted it out yourself. Enjoy GD.

Viewing 8 posts - 1 through 8 (of 8 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