Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 23, 2018 at 8:59 pm #932108
    npmcgrew

    Hello,

    I am hoping to change the styling of a light transparent button. I would like to change the white border and text colors to #faf400 and was hoping to do this through Quick Css on the button.

    I tried a few other things I found in the forum, but was not able to figure it out.

    Thank you in advance!

    March 25, 2018 at 11:34 am #932579
    Vinay

    Hey npmcgrew,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .avia-button.avia-color-grey, .avia-button.avia-color-grey {
			color:#faf400!important; 
			border: 1px solid #faf400!important;			
 }

    If you still have an issue please provide login access to your site so we can check it closely.

    Best regards,
    Vinay

    March 26, 2018 at 3:46 pm #933053
    npmcgrew
    This reply has been marked as private.
    March 27, 2018 at 12:39 am #933261
    Vinay

    Hi,

    Would you mind providing a precise link to the page/post, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    March 27, 2018 at 3:58 pm #933716
    npmcgrew
    This reply has been marked as private.
    March 27, 2018 at 8:38 pm #933865
    npmcgrew

    Also, I have noticed that there is a lot of spacing between sections. While that is not a problem on desktop, it is a bit clunky on mobile. I tried using the ‘whitespace separator’ with -20px, but that did not work. Any guidance there would be great and much appreciated as well.

    – Neil

    March 27, 2018 at 9:28 pm #933879
    Vinay

    Hi,

    Yeah! that was a bit tricky because of the custom HTML code added in the button. I have removed the inline styles and added a custom class name “btn-gold” then target the button using custom CSS

    #top .btn-gold .avia-button.avia-color-light  {
	border-color:#faf400!important;
	color: #faf400;
	 font-weight: bolder;
	}

    Best regards,
    Vinay

    March 28, 2018 at 3:24 pm #934350
    npmcgrew

    Vinay, thank you for taking the time to both explain to me how you did that and to implement the solution.

    Have yourself a great day! Thank you again!

    – Neil

    March 28, 2018 at 10:13 pm #934567
    Vinay

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Light Transparent Button, Changing Colors’ is closed to new replies.