Return to previous page

THEME PRODUCTS WIDGET SCROLL ARROW OVERLAYS RIGHT AND LEFT PRODUCT MAIN PAGE

This topic has 10 replies, 4 voices, and was last updated 8 years, 2 months ago ago by Robert Hall

gregory

Participant

February 9, 2016 at 06:04

Hi,
On the Legenda Theme Home page there are “latest products” and “feature products” widget, the scroll arrows that you click on to scroll to the next product appears on the right and left on the product image rather than to the right and left of it like the demo. This makes the scroll arrow hard to see.

Go to this link https://www.8theme.com/demo/legenda/ and look at the Latest Products or Featured Products and you will see the product slider is not on the last product. It is to the right and left of it.

Thank you

PS I tried and did not work

.owl-buttons .owl-next {
right: -50px;
}
.owl-buttons .owl-prev {
left: -50px;
}

Please, contact administrator
for this information.

#112190 Copied WooCommerce version: last

9 Answers

Robert Hall

Support staff

February 9, 2016 at 08:46

Hello,

You forgot to provide us with user name to wp-admin panel.
Also your site is under protect, need the password.

Regards,
Robert Hall.

#112201 Copied

gregory

Participant

February 9, 2016 at 15:52

Do you have any solution and understanding of the solution on the top of your head without entering in the site? Thank you

#112296 Copied

Jack Richardson

Support staff

February 9, 2016 at 16:18

Hello,

The password you provided doesn’t let to access the site.
So please provide us with WP Dashboard credentials in private content.

Best regards,
Jack Richardson.

#112304 Copied

gregory

Participant

February 9, 2016 at 16:47

okay those are the info

Thank you

Please, contact administrator
for this information.

#112320 Copied
Eva Kemp

Support staff

February 9, 2016 at 17:06
Hello,

I’ve added this code in child style.css file:
```
.owl-buttons .owl-next {
right: -50px;
}
.owl-buttons .owl-prev {
left: -50px;
}
```
Clear browser cache and check arrows now.

Regards,
Eva Kemp.
#112326 Copied
gregory

Participant

February 9, 2016 at 23:44

Hello,

Thank you very much,

1- where did you do the modification (file)?

2- the arrow does not have the same size as the demo and where you put the mouse over does not highlight.

Please advice

Thank you

#112366 Copied
Eva Kemp

Support staff

February 10, 2016 at 13:00
Hello,

1. I made modification in Appearance > Editor of wp-admin panel:
http://storage1.static.itmages.com/i/16/0210/h_1455105291_8177094_c42d3785d7.png

2. I’ve added this code in child style.css:
```
.owl-buttons .owl-next:before {
    content: "\e603";
    font-family: "arrows";
    font-size: 60px;
    opacity: 0.4;
    display: block;
    text-indent: 0;
    color: #a2a2a2;
}
.owl-buttons .owl-prev:before {
    content: "\e602";
    font-family: "arrows";
    font-size: 60px;
    opacity: 0.4;
    display: block;
    text-indent: 0;
    color: #a2a2a2;
}
```
Please check now.

Regards,
Eva Kemp.
#112450 Copied
gregory

Participant

February 10, 2016 at 21:06

Thank you very much, I will take a look.

Best regards

#112529 Copied

Robert Hall

Support staff

February 10, 2016 at 21:10

Hello,

You’re welcome!

Regards,
Robert Hall.

#112532 Copied
Viewing 10 results - 1 through 10 (of 10 total)