Arrows in image slider and footer

Home Forums All Other Themes Arrows in image slider and footer

This topic contains 29 replies, has 2 voices, and was last updated by  Forum Moderator 2 years, 6 months ago.

Viewing 15 posts - 1 through 15 (of 30 total)
  • Author
    Posts
  • #19355

    Marino Petrsoric
    Member
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: November 13, 2015

    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!

    #19430

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17394
    • Total: 17394
    Member since: August 16, 2013

    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

    #19548

    Marino Petrsoric
    Member
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: November 13, 2015

    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: http://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

    #19578

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17394
    • Total: 17394
    Member since: August 16, 2013

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

    Regards,
    Shri

    #19592

    Marino Petrsoric
    Member
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: November 13, 2015

    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 πŸ™‚

    #19613

    Marino Petrsoric
    Member
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: November 13, 2015

    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 πŸ™‚

    #19639

    Marino Petrsoric
    Member
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: November 13, 2015

    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!

    #19641

    Marino Petrsoric
    Member
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: November 13, 2015

    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.

    #19668

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17394
    • Total: 17394
    Member since: August 16, 2013

    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

    #19716

    Marino Petrsoric
    Member
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: November 13, 2015

    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

    #19723

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17394
    • Total: 17394
    Member since: August 16, 2013

    Hi Marino,

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

    Regards,
    Shri

    #19733

    Marino Petrsoric
    Member
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: November 13, 2015

    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 πŸ™‚

    #19745

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17394
    • Total: 17394
    Member since: August 16, 2013

    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

    #19768

    Marino Petrsoric
    Member
    • Topics: 4
    • Replies: 20
    • Total: 24
    Member since: November 13, 2015

    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!

    #20093

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17394
    • Total: 17394
    Member since: August 16, 2013

    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

Viewing 15 posts - 1 through 15 (of 30 total)

You must be logged in to reply to this topic.