Detail Side Bar not Changing back ground
This topic contains 14 replies, has 2 voices, and was last updated by Kor 8 years, 7 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
March 21, 2017 at 7:56 am #368763
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.
March 21, 2017 at 8:24 am #368773Hi rigots,
Could you please share your Website URL with me so I could tell you the correct CSS snippet to do this?
Thanks!
March 21, 2017 at 4:16 pm #368866This reply has been marked as private.March 21, 2017 at 4:38 pm #368872Hi 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!
March 21, 2017 at 4:51 pm #368882This reply has been marked as private.March 21, 2017 at 4:58 pm #368885Hi Rigots,
Did you read my previous reply?
Thanks!
March 21, 2017 at 5:03 pm #368890This reply has been marked as private.March 21, 2017 at 8:07 pm #368941Hi,
That worked thank you.
In particular I was looking for “.sd .content .entry”.Rigo
March 21, 2017 at 8:14 pm #368944This reply has been marked as private.March 21, 2017 at 11:11 pm #368976This reply has been marked as private.March 22, 2017 at 6:10 am #368991Hi 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!
March 22, 2017 at 4:48 pm #369155Hi 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.
March 22, 2017 at 5:37 pm #369163Hi 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; } }March 22, 2017 at 7:20 pm #369200Exactly what I wanted, I just adjusted the values to what I wanted.
Thank you again
March 23, 2017 at 7:50 am #369250You’re Welcome.
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket