Jump to content


Photo
- - - - -

CSS 3


  • Please log in to reply
1 reply to this topic

#1 brookdalecenter

brookdalecenter

    Advanced Member

  • Members

  • 38 posts
  • Country: Country Flag

Posted 17 March 2014 - 05:17 PM

Hi,

 

I am trying to add CSS3 grow action to my hero button but don't really know how to approach this. Here is the code I want to add to the button:

 

.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
 
Where can I enter this code? In custom code? What else do I need to do? Please let me know.
 
Thanks,
Jose


#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 17 March 2014 - 06:40 PM

You cannot add the grow CSS to the Hero button itself but you can very easily recreate the hero section using two columns in a full width section area. The image on the right and the text on the left or however you want to set this up. Then you add the CSS for .grow to the Custom CSS field you can then give the custom class .grow to the button in the custom class box or to the Class for the button in new hero section you have created.