Transparency for Speed Dial Thumbnails and Folders


  • Moderator

    I currently use custom CSS for this, but a checkbox in Settings, Start Page, Speed Dial would be better.

    .startpage .dial .thumbnail-image {
    background-color: transparent;
    }

    0_1517401161165_Transparent Speed Dial Thumbnail.png


  • Moderator

    Users who have folders in speed dial will probably want to have transparent folder icons to match the transparent thumbnails.

    This Custom CSS provided by pafflick does the job perfectly, but we want a checkbox in Startpage Speed Dial Settings to make it easy for everyone.

    .speeddial .dial-columns .folder .thumbnail>.thumbnail-image {
    background: none !important;
    }
    .speeddial .dial-columns .folder .thumbnail .thumbnail-image {
    box-shadow: none !important;
    border-width: 0;
    transition: all 0s ease 0s;
    }
    .speeddial .dial-columns .folder .thumbnail .folder-flap {
    display: none;
    }

    The result looks like this

    0_1531803460063_Transparent Folder.png

    A similar result can be achieved without modifying common.css by creating a custom thumbnail and selecting that for the folder's thumbnail.

    0_1531815577174_Speed Dial Folder Custom Thumbnail.png



  • @Pesala isn't it already possible, to use transparent pngs for speeddial thumbnails?! I have some in use:
    0_1531842321830_3bcedeef-7d91-4b68-a6b9-75e8565e1602-image.png



  • @derday Yeah, but what if you wanted to change the transparency? You would have to edit all your speed dials manually. It's better to have solid thumbnails and to set the opacity with css.


Log in to reply
 

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.