change width of the picture on listing page

This topic contains 9 replies, has 2 voices, and was last updated by  Kor 6 years, 7 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #445165

    emily huang
    Expired Member
    Post count: 59

    I want to make the main picture of the listing page become smaller, make the margin of the picture wider, so I tried to write this code to make it work, but it is not working…

    .sd.single.geodir-page .featured-area, .sd.sd-preview .featured-area {
    width: 90%;
    margin-left: auto;
    margin-right: auto; display! important;}

    I want to make my page picture looks like this one.
    https://www.foodtrucks2u.com.au/food-trucks/newcastle/lings-home-kitchen-2/

    Thanks,
    Emily

    #445229

    Kor
    Moderator
    Post count: 16516

    Hi emily,

    Thanks for your post. Try inserting the custom CSS code below and see if it’s what you’re looking for.

    
    
    .sd.single.geodir-page .featured-area, .sd.sd-preview .featured-area {
        width: 70%!important;
    }

    Thanks!

    #445361

    emily huang
    Expired Member
    Post count: 59
    This reply has been marked as private.
    #445377

    Kor
    Moderator
    Post count: 16516

    Hi Emily,

    Thanks for your reply and I’m sorry for my mistake. Kindly use the custom CSS code below and see if it works.

    
    
    .single-gd_place .featured-img {
        max-width: 70%!important;
        position: relative!important;
    }
    #445521

    emily huang
    Expired Member
    Post count: 59

    Thanks, Kor, but it is still not working…

    #445530

    Kor
    Moderator
    Post count: 16516

    Hi Emily,

    Thanks for your reply. Not sure what’s going on but can you please share your Website Login credentials here so that we could check on it?

    Thanks!

    #445536

    emily huang
    Expired Member
    Post count: 59
    This reply has been marked as private.
    #445538

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    #445630

    emily huang
    Expired Member
    Post count: 59

    Thanks, Kor!
    That’s what I wanted! However, the main image is not showing as well…

    I want exactly what it shows like this:
    https://www.foodtrucks2u.com.au/food-trucks/newcastle/lings-home-kitchen-2/

    would you please help me out?
    Thanks!

    #445715

    Kor
    Moderator
    Post count: 16516

    Hi Emily,

    Thanks for your reply. Looks like you’ve removed the custom CSS code I’ve provided earlier, what do you mean by “the main image is not showing as well”? Which image is not displaying?

    Thanks!

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