Adventure Theme

[Ash]

Hi there, I’m currently working on the Adventure theme and I’ve run into the following issues:

1. Slider navigation on the front page – I have edited the colours on the navigation arrows but only the right one has changed, the left one remains the default colour. I would like the colour changed to #AAA245

2. I can’t find where I can change the button colours on both the ‘booking’ form and the ‘contact us’, I would like the red changed to #AAA245

3. When viewing the mobile version the logo square is too big and doesn’t fit into the white header neatly

4. How can I remove the ‘number of tours available’ headings on the ‘services’ page (previously titled ‘destinations’)?

Thanks in advance for your help.

[Sonnal S Sinha]

Hi,

Kindly use us your website URL?

Regards,
Chris

[Ash]

https://grandexpeditionsandtransfers.au

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.slider-main .theme-default .nivo-directionNav a.nivo-nextNav, .wpcf7-submit { background-color: #aaa245 !important;}
.skt-tourcat-column-catcount { display: none;}

@media screen and (max-width:479px) {
.logo { padding-bottom:0;}
.header.type3 .logo img, .header.type4 .logo img { margin:0 !important;}
.header.type3 .logo, .header.type4 .logo { margin: -20px 20px 0 !important; height: 120px; overflow: hidden;}
}

Regards,
Chris

[Ash]

Great, thank you. That has worked.

Can you please help me with the following:

1. On the individual tour pages there is a line of buttons titled ‘information’, ‘location’, ‘gallery’ and ‘reviews’ – I have changed the colour from red to green, however after each button is selected it remains highlighted at the default red colour, I would like it to be #AAA245

2. On the mobile version, when the site is being viewed on landscape the logo overlaps the text in the image slider – can this be adjusted at all?

Thanks in advance.

[Sonnal S Sinha]

Hi,

Kindly use this CSS for mobile landscape.

@media screen and (min-width:480px) and (max-width:767px) {
.logo { padding-bottom:0;}
.header.type3 .logo img, .header.type4 .logo img { margin:0 !important;}
.header.type3 .logo, .header.type4 .logo { margin: -20px 20px 0 !important; height: 120px; overflow: hidden;}
}

Regards,
Chris

[Author]

Posts