Detail Side Bar not Changing back ground

This topic contains 14 replies, has 2 voices, and was last updated by  Kor 8 years ago.

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

Open Support Ticket
  • Author
    Posts
  • #368763

    rigots
    Lifetime Member
    Post count: 275

    Hi, I used the ‘inspect’ option in chrome to see the CSS for the detail page.

    I know I want to change the back ground for: .geodir-content-right.geodir-sidebar-wrap, so I tried:
    .Single .geodir-content-right.geodir-sidebar-wrap{
    background: gainsboro;
    }
    and
    .sd.single.geodir-page .geodir-content-right.geodir-sidebar-wrap{
    background: gainsboro;
    }

    Neither one works. I can change the CSS on any other page except the details view page. I guess I am not sure what to specify in front of ‘.geodir-content-right.geodir-sidebar-wrap’ to refer to the detail page.

    Can you help?

    Thank you.

    #368773

    Kor
    Moderator
    Post count: 16516

    Hi rigots,

    Could you please share your Website URL with me so I could tell you the correct CSS snippet to do this?

    Thanks!

    #368866

    rigots
    Lifetime Member
    Post count: 275
    This reply has been marked as private.
    #368872

    Kor
    Moderator
    Post count: 16516

    Hi rigots,

    I’ve just checked this page http://www.partycoop.com/event-services/california/san-jose/photography/calypso-media-group/ and it looks like you’ve figured it out. http://prntscr.com/emqfe2 . If you want to eliminate all white background colors on the sidebar. Apply the custom CSS code below.

    
    
    .sd .content-box, .sd .content .entry, .sd #geodir_content, .sd .sidebar .widget, .sd .geodir-content-right .geodir-company_info, .sd .geodir_full_page .geodir-category-list-in, .sd .geodir_full_page .geodir-loc-bar {
        background-color: gainsboro;
    }

    Thanks!

    #368882

    rigots
    Lifetime Member
    Post count: 275
    This reply has been marked as private.
    #368885

    Kor
    Moderator
    Post count: 16516

    Hi Rigots,

    Did you read my previous reply?

    Thanks!

    #368890

    rigots
    Lifetime Member
    Post count: 275
    This reply has been marked as private.
    #368941

    rigots
    Lifetime Member
    Post count: 275

    Hi,
    That worked thank you.
    In particular I was looking for “.sd .content .entry”.

    Rigo

    #368944

    rigots
    Lifetime Member
    Post count: 275
    This reply has been marked as private.
    #368976

    rigots
    Lifetime Member
    Post count: 275
    This reply has been marked as private.
    #368991

    Kor
    Moderator
    Post count: 16516

    Hi Rigo,

    Do you still need help with any styling issues? I’ve just checked your Website and it definitely looks alot better with a white background. Let us know how it goes.

    Thanks!

    #369155

    rigots
    Lifetime Member
    Post count: 275

    Hi Kor Chung,
    Yes, the background you saw before was just a test color to see if I was able to change all the desired backgrounds. I tried some light off white color but was not convinced either, so I am leaving it white for now, I also think it looks best that way.

    My only styling left to do is make the search bar in front page a bit bigger longer and wider. I tried changing it with CSS and but as I made it bigger it messed up the look in the smart phone, so I just went back to the original size. I looked through many posts and could not find anything useful.

    I know this is a customization and you guys don’t deal with that, but if you could guide me to post where there might be more info on these that would be great. I would at least need to know how to make height and width changes for PC not affect the mobile smart phone view. Or know how to enlarge these a bit more and also make it look good on smart cell phone.

    Thank you.

    #369163

    Kor
    Moderator
    Post count: 16516

    Hi Rigots,

    You can try using the custom CSS code below. Anyway, please open a new thread if you’ve any questions unrelated to the topic.

    
    
    @media only screen and (min-width: 1200px) {
            .geodir-search {
            min-width: 1000px!important;
            margin-left: -200px!important;
        }
    }
    #369200

    rigots
    Lifetime Member
    Post count: 275

    Exactly what I wanted, I just adjusted the values to what I wanted.

    Thank you again

    #369250

    Kor
    Moderator
    Post count: 16516

    You’re Welcome.

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