Favourite Button Css

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

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

Open Support Ticket
  • Author
    Posts
  • #523510

    Sudell Sudell
    Expired Member
    Post count: 34

    I’m having great difficulty styling the favourite button.

    I’m trying make them look and feel nice, depending on screen size.

    For example, on the “archive item” on mobiles, I want the favourite button to be displayed at the bottom of the listing with the button full width.

    On the GD detail page I’m trying to display the favourite button full width to the container and positioned like the “send message” button

    Here is the page
    https://guttercleaners.directory/places/sudell-services-limited/

    The favourite button is on the left but not obvious to see.

    (The attached image is how it is currently displayed on mobiles (GD Detail Page)

    #523536

    Kor
    Moderator
    Post count: 16516

    Hi Sudell,

    Thanks for your post. Try using the custom CSS code below and see if it helps.

    button.btn.btn-default.geodir-ninja-forms-link {margin-top: 15px!important;}
    
    .gd-list-favorite a {
        padding-right:50px;
        padding-left:50px;
    }
    
    .gd-list-favorite a {
        color: #ff9800!important;
    }
    
    .gd-list-favorite a:hover {
        color: white!important;
    }
    #523592

    Sudell Sudell
    Expired Member
    Post count: 34

    Thank you for your help!

    Unfortunately this docent make the button full width / span the container?

    Please could you assist with this?

    #523595

    Kor
    Moderator
    Post count: 16516

    Hi Sudell,

    Thanks for your reply. Did you sort it out yourself? It looks fine to me now as shown in the attached screenshot.

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