Support Forums for LiveMesh Themes & Plugins › Forums › Extinct Theme Support › Change button on revolution slider to match theme
- This topic has 16 replies, 3 voices, and was last updated 8 years, 5 months ago by Veena.
-
AuthorPosts
-
October 16, 2015 at 7:50 pm #17181joannepovey123Member
Hi
On this website if you click left on slider you will see the button in question.
I would like it to be like the button from the theme, which you will see when following this link,it also appears on the demo slider, I only have the shortcode, is there any HTML code to generate this button please?
This is the shortcode for the button I need https://www.livemeshthemes.com/themes/?theme=Extinct [button color=”red” size=”large” href=”#” align=”left”]Red Button[/button]Thanks
JoanneOctober 17, 2015 at 6:09 am #17185VeenaModeratorPls try the below custom CSS in themeoptions –
.tp-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { display: inline-block; margin: 0; cursor: pointer; text-align: center; vertical-align: middle; font-size: 16px !important; line-height: 24px; letter-spacing: 1px; font-weight: 400; background: #c0442f !important; border: 4px double #E7C1BB !important; padding: 5px 40px 15px !important; margin: 0; color: #fff !important; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
October 17, 2015 at 7:58 am #17187joannepovey123Memberworks perfectly, thank you
October 17, 2015 at 8:10 am #17188joannepovey123MemberThis reply has been marked as private.October 17, 2015 at 6:02 pm #17194VeenaModeratorThis reply has been marked as private.October 17, 2015 at 6:27 pm #17195joannepovey123MemberHi
1) Got the button to appear with the shortcode thanks, couldn’t get it to pick up the styling of the other button, upon hover the text is green instead of white, I would like both buttons (the widget above and this widget) to be the same size and colour if possible please.
2) There are certain categories which need hiding or removing from view, is there a way of hide or remove the following:-
document packages
environmental
guidance
fire precaution
health and safety
legionella
roles and procedures
all industry risk assessments
training docs
education
care/sheltered accommodation
commercial/industrial
retail3) I have added this CSS, but can’t see that it has added a title underneath a featured image anywhere.
Thanks
JoanneOctober 18, 2015 at 6:27 pm #17200joannepovey123MemberThis reply has been marked as private.October 18, 2015 at 6:38 pm #17201joannepovey123MemberThis reply has been marked as private.October 19, 2015 at 11:07 am #17212VeenaModeratorThis reply has been marked as private.October 19, 2015 at 11:17 am #17214VeenaModerator1,Pls use the below custom CSS –
.tp-button{ display: inline-block; margin: 0; cursor: pointer; text-align: center; vertical-align: middle; font-size: 16px !important; line-height: 24px; letter-spacing: 1px; font-weight: 400; background: #c0442f !important; border: 4px double #E7C1BB !important; padding: 5px 40px 15px !important; margin: 0; color: #fff !important; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
2. widget button :
You can use the below custom CSS –.textwidget a.button { color: #fff !important; }
October 19, 2015 at 11:24 am #17215joannepovey123MemberThis reply has been marked as private.October 19, 2015 at 11:26 am #17216joannepovey123Membercould you please remove my client’s webpage link incase it gets indexed by google? thanks
October 19, 2015 at 5:48 pm #17228RaghavendraModeratorThis reply has been marked as private.October 20, 2015 at 1:03 pm #17246joannepovey123MemberThis reply has been marked as private.October 21, 2015 at 5:02 am #17254VeenaModeratorPls use the below custom CSS in themeoptions and see if that meet your needs –
.image-info { opacity: 1 !important; }
-
AuthorPosts
- The topic ‘Change button on revolution slider to match theme’ is closed to new replies.