Alignment of icons

This topic contains 8 replies, has 2 voices, and was last updated by  Marcus Conway 7 years, 6 months ago.

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

Open Support Ticket

Tagged: , ,

  • Author
    Posts
  • #373329

    Marcus Conway
    Expired Member
    Post count: 126

    Hi.

    How do I reorder, change the size of icons on the products page. I would also like to remove some text

    So in the attached.

    I would like them all on one line under the write a review with the send an email text removed and then have them all the same size as the envelope icon.

    Thanks

    #373336

    Kor
    Moderator
    Post count: 16516

    Hi Marcus,

    Please share the URL of the site in question and I’ll try to work out a custom CSS for this.

    Thanks!

    #373337

    Marcus Conway
    Expired Member
    Post count: 126
    #373345

    Kor
    Moderator
    Post count: 16516

    Hi Marcus,

    Here you go. Insert into GD > Design > Scripts > Custom Style CSS.

    
    
    a.b_sendtofriend:after {
            content: "\f0e0";
            font: normal normal normal 35px/1 FontAwesome;    
            visibility:visible!important;
    }
    
    span.geodir-i-email {   
       float: left!important;
    }
    
    a.b_sendtofriend {
        visibility:hidden!important;
        margin-left:-90px!important;
    }
    
    .sd-detail-cta .geodir_email {
        margin-top: 5px!important;
        margin-right: 15px!important;
        width: 40px!important;
        float: left!important;
    }
    
    .sd-detail-cta span.geodir-addtofav{
        float:left!important;
        width:40px!important;
        margin-top: 8px!important;
    }
    
    .sd-detail-cta .sd-cta-favsandshare {
        float:left!important;   
    }
    
    .fa-envelope:before {
        display:none!important;
    }
    #373350

    Marcus Conway
    Expired Member
    Post count: 126

    Hi there.

    This now looks awesome. I wanted to keep the evelope but delete the text but I seem to have lost the envelope too..

    http://www.naturephototour.com/articles/united-kingdom/isle-of-anglesey/cemaes-bay/winter-1/photographing-terns-on-anglesey/

    Any idea?

    Thanks

    #373360

    Kor
    Moderator
    Post count: 16516

    Hi Marcus,

    Please share WP temp admin access to your site so we can take a better look. You can post the details here using the private reply option below.

    Thanks!

    #373361

    Marcus Conway
    Expired Member
    Post count: 126
    This reply has been marked as private.
    #373449

    Kor
    Moderator
    Post count: 16516

    Hi Marcus,

    I’ve just checked your directory and it looks like you’re doing it incorrectly. You can’t use a large image for the Category Icon. But instead, check out some of the samples from this link and use the size recommended. https://mapicons.mapsmarker.com/category/markers/stores/apparel/

    #373457

    Marcus Conway
    Expired Member
    Post count: 126

    Yes I know that one is incorrect which is why I sent you the link for an ‘article’

    http://www.naturephototour.com/articles/united-kingdom/isle-of-anglesey/cemaes-bay/summer-photography/photographing-terns-on-anglesey/ in post #373337

    Is this one affecting the alignment in the others? I can change it easily

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