Geo Travel Theme - Change Colors Option

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

Open Support Ticket

Author

Posts
September 13, 2017 at 4:34 pm #395553

Scott Toepfer
Full Member

Post count: 173

Hello –

I’ve looked through the forums and didn’t see anything on changing the color(s) in the travel theme. Is the only way through css or is there another option? I want to change it from the yellow cream color.

Thank you
Scott

September 13, 2017 at 5:56 pm #395573

Kor
Moderator

Post count: 16516

Hi Scott,

Could you please provide a screenshot of what color you’re trying to change?

Thanks!

September 13, 2017 at 6:07 pm #395577

Scott Toepfer
Full Member

Post count: 173

Hi Kor –

Here are a few shots. Some of the other themes have a color editor in the ‘customize’ area. I don’t see one in this theme. Perhaps it doesn’t have one?

Thank you

Scott

September 14, 2017 at 5:53 am #395670
Kor
Moderator

Post count: 16516
Hi Scott,

Just double checked and I’d like to clarify that there isn’t an option that allows you to change that color and you’ll have to custom CSS to achieve what you needed there. Kindly insert the code below into GD > Design > Scripts > Custom Style CSS section and feel free to adjust the color to your liking.
```
/* Heading Title Background Color */
.geodir_list_heading {
    background: #333!important;
}

/* Font Color */
.geodir_list_heading .widget-title {
    color:#fff!important;
}
```
September 14, 2017 at 8:25 pm #395787

Scott Toepfer
Full Member

Post count: 173

Thank you Kor I’ll try that.

I have one more issue with the “maps tick” view on a cell phone. It looks squished. Would you know how to widen that? I’m sure it’s a margin or padding somewhere?

Thank you

September 15, 2017 at 12:25 pm #395917
Kor
Moderator

Post count: 16516
Hi Scott,

Please try inserting this custom CSS into GD > Design > Scripts > Custom Style CSS
```
@media only screen and (max-width: 500px) {
    div#geodir_map_v3_home_map_5_cat {
    width:200px!important;
    height:200px!important;
}
}
```
September 15, 2017 at 10:02 pm #396012

Scott Toepfer
Full Member

Post count: 173

Thank you Kor.

Seems like always something doesn’t it?

The header and other seemingly anomalies seem to show up when the GD booster is enabled. I’m also noticing the load times are very slow and I’ve only gotten 50 or so listings.

Do you think the settings are off or are the other possibilities of resolution that maybe I can try?

Thank you very much.

September 15, 2017 at 10:37 pm #396022

Paolo
Site Admin

Post count: 31211

Please provide a link and admin credentials in a private reply and we will check.

Thanks

September 15, 2017 at 10:53 pm #396024

Scott Toepfer
Full Member

Post count: 173

This reply has been marked as private.

September 16, 2017 at 5:48 pm #396122

Kor
Moderator

Post count: 16516

Hi Scott,

The credentials seem invalid, could you please double check or recreate a new one?

Thanks!

September 16, 2017 at 8:23 pm #396150

Scott Toepfer
Full Member

Post count: 173

This reply has been marked as private.

September 18, 2017 at 5:54 pm #396282

Kor
Moderator

Post count: 16516

Hi Scott,

I’ve just checked your Website by switching on the “GD Booster” and still, everything looks fine. Could you please replicate the said issue so that I could inspect it? Also, please provide some screenshots if possible.

Thanks!

September 21, 2017 at 11:32 am #396752

Shannon Grant
Expired Member

Post count: 31

This is great! Is there a way to apply it throughout the site? All of my widgets are still with the orange highlights.

September 22, 2017 at 7:13 am #396894

Kor
Moderator

Post count: 16516

Hi Shannon,

Could you tell me what color are you trying to use on the “highlights”? Pick one color HEX code here http://htmlcolorcodes.com/ and I’ll apply it for you.

Thanks!

September 22, 2017 at 8:43 am #396899

Shannon Grant
Expired Member

Post count: 31

/* Heading Title Background Color */
.geodir_list_heading {
background: #b1c4f9!important;
}

/* Font Color */
.geodir_list_heading .widget-title {
color:#12227e!important;
}

I would LOVE if ALL of that bright aqua blue font was this font color instead and all of the orange background highlights were this other blue background instead. Throughout the site would be great (Buddy Press and everything), but I’ll take whatever I can get!!

THANK YOU!!!
Shannon
Author

Posts