40% OFF EVERYTHING
Our 10th BIRTHDAY SALE
Buy Now

Favourite Button Css

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

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

Open Support Ticket

Tagged: , , , , ,

  • Author
    Posts
  • December 31, 2019 at 1:02 pm #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)

    December 31, 2019 at 7:22 pm #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;
}
    January 1, 2020 at 1:16 pm #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?

    January 1, 2020 at 2:35 pm #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.

  • Author
    Posts
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