Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 7, 2014 at 12:22 pm #206266
    Indiatravelz

    hi there,

    you have helped us making a button on a slider please see the code attached:
    <div class=”avia-button-wrap avia-button-center avia-builder-el-0 avia-builder-el-no-sibling “>
    <span class=”avia_button_icon” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span><span class=”avia_iconbox_title”>Let’s Start Planning</span></div>

    now the color of the text is grey and when we mouse over it, it becomes white
    1)how can we change the grey color to a color that we choose?
    2)how can we change the color of the button and not from the styling section of the enfold.
    now it is programmed to be in the same color of the theme, but if we would like a different color not taken from the theme?

    thank you in advance
    indiatravelz

    January 7, 2014 at 1:48 pm #206306
    Yigit

    Hi Indiatravelz!

    Please try adding following code to Quick CSS as well
    1-

    .ls-s-1 .avia-color-theme-color {
color: orange!important;
}

    2-

    h3.ls-s-1 a { background-color: blue; }

    Regards,
    Yigit

    January 8, 2014 at 2:54 pm #206828
    Indiatravelz

    Hi Yigit,
    thank you for your quick answer,

    1- i have entered the first code and changed the color into black it worked well
    BUT how do i choose my own color for instance if its no is:#4bbdf6
    is it possible?

    2-it didnt work- i have added the code in the quick css and there was no change..
    also regarding this question:
    how do i choose my own color for instance if its no is:#4bbdf6
    is it possible?

    thank you in advance
    indiatravelz

    January 8, 2014 at 5:31 pm #206903
    Yigit

    Hey!

    1-You can change orange to hex value and it should do it

    .ls-s-1 .avia-color-theme-color {
color: #4bbdf6!important;
}

    2- Please try adding !important so it should be 

    h3.ls-s-1 a { background-color: #4bbdf6!important; }

    Cheers!
    Yigit

    January 9, 2014 at 12:30 pm #207355
    Indiatravelz

    Hi Yigit,
    Thanks for your reply!
    Please let us explain from the beginning what is the issue we’re facing and we would appreciate your advice.
    1. We are having two layer slider on two different pages.
    2. Now we are talking only about one page which contain a slider ( http://indiatravelz.com/customized-guidebooks/)
    3. We need to have a call to action button on the slider which have different color than the rest of the elements ( icons ) on the page.
    BUT
    4. While we’re changing the color of the styling-> main content-> primary color than both icons and slider button are changing accordingly.
    5. This is why we have asked you to let us know how to change the slider’s call 2 action button of which you sent us the following code:
    h3.ls-s-2 a { background-color: #4bbdf6!important; }
    6. We installed the code in the quick CSS and it effected only on the main homepage slider and not on the one we needed in the first place.
    CAN you please tell us what do we have to do to change also the second slider
    Thanks so much,
    Raviv

    January 10, 2014 at 2:01 pm #208009
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately so we can take a look?

    Cheers!
    Yigit

    January 13, 2014 at 5:59 pm #209071
    Indiatravelz
    This reply has been marked as private.
    January 14, 2014 at 8:17 pm #209655
    Yigit

    Hey!

    I have just logged in to your website and change the button color on layer slider. You can find custom CSS code i used in Quick CSS section. I commented it out, you can simply remove /* and */ in front and behind of the code then save to activate it

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘font color and button color on call to action button’ is closed to new replies.