search

bqworks / slider-pro

A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders.
MIT License
877 stars 390 forks source link

Make fullscreen icon bigger #263

Closed MediaMaquina closed 6 years ago

MediaMaquina commented 6 years ago

Hello, the fullscreen arrow is almost invisible on some pictures: -> https://imgur.com/CnC0IjG I'm pretty sure most people won't know it's there (They miss big red caps text sometimes).

So since then i managed to make it white winch helps with:

.sp-full-screen-button.sp-fade-full-screen {
    color: white;
}

But still would like to make it a bit larger. Setting the before (the arrow) to inline-block with bigger height and size and increasing the size of the div container did nothing for me.

I know this isn't the plugin fault but still if someone can help me, i'm all ears.

Cheers!

MediaMaquina commented 6 years ago

Found it need to change font size here:

.sp-full-screen-button {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}