Logo positioning in GD details page

This topic contains 8 replies, has 3 voices, and was last updated by  Alex Rollin 5 years, 10 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #472451

    David Thomson
    Expired Member
    Post count: 37

    HI there, can you provide some guidance on how to add a log in the GD details position as per mark-up.

    #472553

    Alex Rollin
    Moderator
    Post count: 27815

    You can do it one of two ways.
    In both cases you will need to edit the GD Detail page template.
    1.
    If you only want to show the logo, then add a GD Post Meta with the key for the logo selected.
    2.
    If you want to show the logo, and other images if present, add GD POst Images and use the advanced options to show the logo.

    For information about personalizing your templates see:
    https://wpgeodirectory.com/docs-v2/geodirectory/personalize/

    #472722

    David Thomson
    Expired Member
    Post count: 37

    Thanks Alex, managed to get logo in, but despite changing the settings I have one crazy sizes logo and one thumbnail. I did change the source image size to 100px x 100px as it as originally 400px x 100px as I thought that may be the issue but even when I select the image size as thumbnail its still huge. I tried all sizes just to check.

    I have uploaded screen grabs to show.

    Any ideas?

    #472728

    David Thomson
    Expired Member
    Post count: 37

    Also is there an optimum image size for logos to advice customers. The same question would go for pictures.

    #472731

    Alex Rollin
    Moderator
    Post count: 27815

    The image container will fill the parent container up so you will need to add some CSS to control.

    Send a link to an example page and we can make some exemplary CSS.

    #472783

    David Thomson
    Expired Member
    Post count: 37
    This reply has been marked as private.
    #472819

    Kor
    Moderator
    Post count: 16516

    Hi David,

    Thanks for your reply. You can apply the custom CSS code below to fix it. Insert into Appearance > Customize > Additional CSS.

    .geodir-image-container ul.geodir-images li img {
        min-width: auto!important;
        width:auto!important;
    }
    #472917

    David Thomson
    Expired Member
    Post count: 37

    thanks for the CSS code. I have a few more queries if that’s okay. This will get this area really slick.
    I have provided a mark-up of the queries to make it easier.

    1. how do I remove the ‘logo text’ as per mark-up no.1
    2. how do I reduce the line spacing as per mark-up to bring it into nice alignment, as per mark-up no.2
    3. can I replace the company name with just the logo?, if yes, how do I do that? as per mark-up no.3
    4. If I can’t achieve the above, how do you align the logo so it is nicely lined up next to the text?
    5. What is the optimum logo size to upload, as the CSS you provides works for some logos but not others and I know I have variances in logo sizes.

    Appreciate your help again.

    #473027

    Alex Rollin
    Moderator
    Post count: 27815

    1.
    To control the icon and label you will need to add the logo to the sidebar with the GD Post Meta element, instead of using the Output Location option. See an example here:
    https://wpgeodirectory.com/docs-v2/faq/common-examples/#switch

    2. & 3. & 4.
    You will probably need to add acustom class to this to limit it to that page.

    
    
    
    .geodir-image-container ul.geodir-images {
        float: left;
    }
    

    With GDV2 you have a lot of options about what you can do on the GD Detail page by adjusting the GD Detail template. You can read more about that here:

    https://wpgeodirectory.com/docs-v2/geodirectory/personalize/

    For customization with CSS, we only provide examples here. For a full treatment of your site you will need additional custom HTML and CSS to fully arrange it the way you want, or you might consider using an advanced builder or hiring a developer to make your customizations.

    https://wpgeodirectory.com/docs-v2/integrations/builders/

    5.
    Upload images fill the space available, unless adjusted otherwise, so, the general rule is get the best quality you can in an image that looks good in the space you give it.

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