Return to previous page

More layout issues on front page - by fredwerk

This topic has 9 replies, 2 voices, and was last updated 10 years ago ago by Eva Kemp

fredwerk

Participant

November 8, 2014 at 18:06

Hi,

I have no clue why but the arrows on the slider are in a funny colour : https://www.dropbox.com/s/mhnwsthtm0clmte/Ember%202.png?dl=0

As well, the 2 dots (see above screenshot), can I change the colour so it matches the theme colour scheme?

I would like to remove this strange colour on the arrows, so they look the way they should be.

Finally, how can I get rid of the “view more products” link? https://www.dropbox.com/s/4872yv3tp0gs47r/Ember%203.png?dl=0

Many thanks,

#23818 Copied

8 Answers

fredwerk

Participant

November 10, 2014 at 09:56

Any news on this issue?

#23868 Copied
Eva Kemp

Support staff

November 10, 2014 at 17:09
Hello,

Please add this code into custom.css file:
```
.slider-container .show-all-posts {
    display: none !important;
}
.owl-controls .owl-buttons div, .owl-controls .owl-page span, .owl-controls .owl-page.active span {
   background: #FFF !important; 
}
```
Regards,
Eva Kemp.
#23931 Copied
fredwerk

Participant

November 10, 2014 at 17:34

Hi,

Thanks, however I wanted to change the colour of the 3 dots (that are no invisible cause they are white), and have the arrows white/transparent (and they are, so thats fine).

On the Legenda theme demo, the arrows are not overlapping the photos but on my site they are. Why that? Can we place the arrows beside the content instead of on?

Thanks,

#23941 Copied
Eva Kemp

Support staff

November 11, 2014 at 10:35
Hello,

To change the color of “3 dots” under the slider add this code in custom.css file:
```
.owl-controls .owl-page span, .owl-controls .owl-page.active span {
background: red !important;
}
```
And this code for the slider arrows:
```
.boxed .slider-container .owl-next {
    right: -60px !important;
}
.boxed .slider-container .owl-prev {
left: -73px !important;
}
```
Regards,
Eva Kemp.
#24026 Copied
fredwerk

Participant

November 11, 2014 at 11:09

HI Eva,

Thanks.

How can I remove those arrows, but leaving the “frame” around?

As well, they seem low and not centred to the products.

Finally, the products on the slider, they have some-kind of border all around but not at the bottom. Could we remove the frame all together?

#24038 Copied
Eva Kemp

Support staff

November 11, 2014 at 16:16
Hello,

To remove the arrows add this code in custom.css:
```
.slider-container .owl-next:before, .slider-container .slider-next:before, .slider-container .owl-prev:before, .slider-container .slider-prev:before {
    display: none;
}
```
To centre the frames add this code in custom.css:
```
.boxed .slider-container .owl-prev, .boxed .slider-container .owl-next {
  margin-top: -150px;
}
```
To remove the border from products slider use this code:
```
.slide-item .product:hover {
border: none;
}
```
Regards,
Eva Kemp.
#24093 Copied
fredwerk

Participant

November 11, 2014 at 17:19

Hi,

This is perfect! You are a star Eva 🙂

Many thanks,

#24115 Copied

Eva Kemp

Support staff

November 11, 2014 at 20:30

Hello,

You’re always welcome.

Regards,
Eva Kemp.

#24164 Copied
Viewing 9 results - 1 through 9 (of 9 total)