Arrows in image slider and footer

[Marino Petrsoric]

Hello,

Can someone help me out, my client wants the arrows for nextNav and prevNav on imageslider to be bigger. I tried to edit it in CSS but unsuccessfully.

And is there anyway to remove one column in footer, I want to remove Main Menu in footer so i have 3 sections in footer but im not sure how. Thank you!

[Sonl Sinha]

Hi Marino,

Slider navigation button is an image. Kindly increase the size of that image.

For footer section:

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
Add this css code in custom css box

#footer .cols-4.first {display:none !important;}

Regards,
Shri

[Marino Petrsoric]

Thank you it worked!

Can you please help me out jut one more thing,
now when I have 3 footer sections, is there any way so I put them in them middle?
Please check the website: www.villa-rachele.com

I want that all footers be in the middle of the site not like now they are on the left of the site. Thank you

[Sonl Sinha]

CUSTOM CSS:
Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
#footer .cols-4:nth-child(2) { margin-left:140px;}

Regards,
Shri

[Marino Petrsoric]

Thank it worked! 🙂
Please can you help me with 1 more thing.
Please visit this url: http://villa-rachele.com/contact/

I want to make bigger map but my Info is going over google maps. Is there anyway to put the info below the map. Because I would like to put like 80% width map 🙂

[Marino Petrsoric]

Please can you tell me the file name of the picture which I need to edit for arrows please?

And I think I need to add some css code to make a bigger arrow. Please help 🙂

[Marino Petrsoric]

Hello,

I resolved the problem with text over maps in contact form.
Please can you tell me how to do google maps to be widht:100% on mobiles and tablets because the maps is loaded fully on mobile phones. I tried this:

@media screen and (min-width: 320px) and (max-width: 980px) {
iframe
{
width:100%;
margin-top:0px;
}}

But its not working.
Please help me out with just maps to be smaller on mobile phone and with the arrows in post above and thats all! Thank you!

[Marino Petrsoric]

Also one more thing.
After using this codre to centar footers:
CUSTOM CSS:
Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
#footer .cols-4:nth-child(2) { margin-left:140px;}

Now on mobile version the 1st footer is on right. Please check website: villa-rachele.com So you see what Im talking about. Can you please tell me how to fix that. I’m using media query.

[Sonl Sinha]

Hi,

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
And paste this css

@media screen and (max-width: 767px) {
#footer .cols-4:nth-child(2) { margin-left:0;}
}
@media screen and (min-width:768px) and (max-width:1024px) {
#footer .cols-4:nth-child(2) { margin-left:90px;}
}

Regards,
Shri

[Marino Petrsoric]

It works Thank you!

I just need help with the arrows now. Please can you tell me the file name of the picture which I need to edit for arrows please? Its Hotel Pro theme. Or do you have any picture of bigger arrows. Thank you

[Sonl Sinha]

Hi Marino,

Kindly go to images/nivo-nextNav.png and increase the size.

Regards,
Shri

[Marino Petrsoric]

Thank you for your answer.

I just made a bigger picture but now its not loading good 🙁
Can you please visit the page
http://villa-rachele.com/
So you can see what I’m talking about. It’s loading in the same format as old picture so I see just a piece of arrow. Please help, thank you 🙂

[Sonl Sinha]

Hi Marino,

Kindly add this code in custom css box:

.theme-default a.nivo-nextNav{background-position:-116px 17px !important;}
.theme-default .nivo-directionNav a {width:90px !important; height:90px !important;}

Regards,
Shri

[Marino Petrsoric]

Thank you!
Please just one more thing to fix,
Its on contact page, how to set iframe with 100% for mobile and tablet because when i open it in mobile phone the maps are much more bigger then screen.
Thank you on your help friend!

[Sonl Sinha]

Hi Marino,

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
Add this css code in custom css box

@media screen and (max-width: 767px) {
.contact_left iframe{width:100% !important;}
}

Regards,
Shri

[Author]

Posts