Move Twitter etc. in Details under title.

This topic contains 4 replies, has 2 voices, and was last updated by  Alex Rollin 6 years, 9 months ago.

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

Open Support Ticket

Tagged: , ,

  • Author
    Posts
  • #416361

    jahusdtc
    Expired Member
    Post count: 162

    On the Detail Page in Supreme Directory…
    Under the top Title…
    I need to move the line of social icons down under a phone number, a cell phone number, a fax number.

    I also need to use larger icons.

    Currently, the social icons are ABOVE the phone numbers I’ve inserted. I’d like them lower and bigger.

    Can you direct me to the filter I need to use and tell me what the priorities should be set for?

    Sorry to bother you about this! What I’m trying is just not gelling.

    Thanks!

    #416388

    Alex Rollin
    Moderator
    Post count: 27815

    Please post the code you are using now and we can take a look.

    For the sake of brevity you can also include your site URL and WP Admin credentials.

    Do take a look at this page for additional examples:

    https://wpgeodirectory.com/docs/faqs/what-are-some-examples-of-changes-that-a-developer-can-make-to-the-listings-page/

    #416778

    jahusdtc
    Expired Member
    Post count: 162

    Sorry for the delay in answering, Alex!

    Trying to explain briefly and sometimes that isn’t brief!

    I’m referring to the DETAILS page.

    I have attached an image showing what the area under the Listing title CURRENTLY looks like.


    CURRENTLY — Address, Social Icons, Biz(contact) phone, Cell phone, Fax Phone.
    DESIRED — Address, Biz(contact) phone, Cell phone, Fax phone, Social Icons.

    As you can see, I have the normal (contact) phone field, as well as two custom fields: Cell and Fax.
    These will be shown on Detail, not Listing page.

    I have added the 3 phones where they are via the hook below within my function geodir_change_address_order…

    add_filter(‘geodir_show_post_address’, ‘geodir_change_address_order’ , 100 , 2) ;

    I put the three custom fields at the very end of that.

    I am assuming, since I want bigger icons on the social line (?) of Twitter, etc. — that I would use
    the “Add another service link with icon – Instagram example (Twitter, LinkedIn, etc.)” example in
    https://wpgeodirectory.com/docs/faqs/detail-page/ to output the normal Social Icon string with different icons?

    Or can I otherwise change the icons shown, instead

    I STILL would like the social icon line UNDER the phone, cell, fax numbers. How do I move them!?

    I am happy with the way the phone numbers and social icons look in the sidebar, under the map.

    Am only interested in changing the LOCATION of the social icons under the Listing Title — relative to the 3 Phones.

    To recap (as in picture)

    CURRENTLY — Address, Social Icons, Biz(contact) phone, Cell phone, Fax Phone.
    DESIRED — Address, Biz(contact) phone, Cell phone, Fax phone, Social Icons.

    Got any words of wisdom for me?

    Thanks for thinking about it.

    #416780

    jahusdtc
    Expired Member
    Post count: 162
    This reply has been marked as private.
    #416861

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    We can review your code if you post it here to tell you why it isn’t working.

    For additional examples for this type of customization, I think I linked the wrong page before. Try this one:

    https://wpgeodirectory.com/docs/faqs/detail-page/

    On that page you will find an example for working with the icons, and there are others besides that in the forum. If you use Google to search the forum you can search specifically for the hooks filters and actions to see how they have been used in the past.

    For working with font-awesome, it starts with the .fa class, and add more selectors as needed:

    .fa {
    font-size: 20px !important;
    }

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