Button Style « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Replete

Button Style

6 posts from 4 voices

Started 3 months ago by brucegamble
Latest reply from brucegamble
This topic is closed
This topic is resolved

Tags:

brucegamble
Member

Hi there,

Is there a quick way to change the shape and location of the "Caption Call to Action Button Label" on the featured media slide show?

I would like to be able to quickly make it a circle (instead of a square) and right or left align it.

Thanks,

Bruce.

Posted 3 months ago #
James
Member

Hi, I'm also trying to change the look of the button, I'd like to change the colour?

Posted 3 months ago #
Nick
Moderator

Hi,

Do you mean the silver 'Show Me More' button'? http://www.clipular.com/c?1802860=5UQ3a7-CYrJ4eEAYJ5IdOh-GjpY

Thanks,

Nick

Posted 3 months ago #
brucegamble
Member

Yes - the silver show me more button style.

Posted 3 months ago #

Ismael
Moderator

Hi,

You can place this on your custom.css, play around with the style.

#top .caption-slideshow-button {
border-radius: 50%;
width: 100px;
height: 60px;
background-color: red;
text-align: center;
vertical-align: bottom;
padding-top: 40px;
border: none;
color: #666;
background-image: url("../images/layout/bg-button.png");
text-shadow: 1px 1px 0px white;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
font-size: 14px;
}

#top .button_wrap .style_wrap {
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
padding: 8px;
background: url("../images/layout/bg-style-wrap.png") repeat-x 0 0;
margin: 0 auto;
position: relative;
z-index: 2;
}

Regards,
Ismael

Posted 3 months ago #