Customise upload link

  • Resolved demonboy

    (@demonboy)


    9 months, 3 weeks ago

    Hi,

    Firstly, can I just say what a magnificent plugin WPPA is. I love it because you really have thought of everything. Well, almost everything…

    The one thing I am struggling to customise is the UPLOAD link. All I want to do is create a button by filling a div with a colour, curved corners and changing the link hover. Sure, I could do this by interrogating the CSS but I just wondered if I’m missing something within the settings itself.

    Thanks for your hard work!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Jacob N. Breetvelt

    (@opajaap)

    So, you want a button rather than a textlink?

    Thread Starter demonboy

    (@demonboy)

    Yeah, it’s just some simple CSS I guess. On the album cover there’s an ‘upload photo’ link, and also one in the widget for the sidebar. Just something like this image (ignore the icon) https://www.oyster-owners.com/wp-content/uploads/2024/02/button.gif

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    Exaple custom css:

    .wppa-upload-uploadbox {
	color: white !important;
	font-size: 16px;
	font-weight:800;
	text-transform: uppercase;
	background-color:blue;
	padding: 8px 10px;
	border-radius: 6px;
	text-decoration:none !important;
}

    comes close to your example

    Thread Starter demonboy

    (@demonboy)

    Thank you, I will look at this tomorrow. Much appreciated.

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    The above example is for the widget.
    If you want it on the album cover and/or thumbnail area also, use the appropriate classes: if you want them all it becomes:

    .wppa-upload-thumb, .wppa-upload-cover, .wppa-upload-uploadbox {
	color: white !important;
	font-size: 16px;
	font-weight:800;
	text-transform: uppercase;
	background-color:blue;
	padding: 8px 10px;
	border-radius: 6px;
	text-decoration:none !important;
}
    Thread Starter demonboy

    (@demonboy)

    That’s perfect, Jacob, thank you. Much appreciated. For anyone else looking to also style the widget upload button, the CSS for that is

    .wppa-upload-widget .wppa-album-cover-link

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Customise upload link’ is closed to new replies.