Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • June 3, 2017 at 6:18 pm #803421
    Candratech

    I’m searching for a solution to make the color fade from bright blue to white back to bright blue. (Color transitions) The color using on the website is: #0fa7d9.

    • This topic was modified 7 years, 6 months ago by Candratech.
    June 3, 2017 at 7:15 pm #803442
    Mike

    Hey Candratech,
    You could try a custom gradient generator such as this: http://www.colorzilla.com/gradient-editor/

    Best regards,
    Mike

    June 3, 2017 at 9:59 pm #803467
    Candratech

    Hey Mike,
    Thanks! this is wat im searching for. Which file do i have to edit or is it possible to place this code in Quick CSS in the enfold theme options?

    Best Regards,

    June 4, 2017 at 6:26 am #803497
    Rikard

    Hi,

    You can place any custom CSS in Quick CSS under Enfold->General Styling. If you should need any help then please post a link to your site and point out what element you would like to apply your code to.

    Best regards,
    Rikard

    June 4, 2017 at 11:57 am #803562
    Candratech

    Hi Rikard,

    The website address is: http://www.candratechnology.nl. The items on the website in the following color: #0fa7d9 we want to make these items gradiant. This way the site looks more dynamic. This color is used in the footer, and in the breadcrumb area and in the area where you find our contact info and the language selection.

    Kind regards,

    June 4, 2017 at 1:34 pm #803579
    Mike

    Hi,
    Can you please create a gradiant that you like and paste the code, we can help with using it in those elements.
    Best regards,
    Mike

    June 4, 2017 at 2:45 pm #803600
    Candratech

    Hi Mike,
    This is the code for the gradiant we like:

    background: #1e5799;
    background: -moz-linear-gradient(left, #1e5799 0%, #0fa7d9 40%, #0fa7d9 40%, #2989d8 50%, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #1e5799 0%,#0fa7d9 40%,#0fa7d9 40%,#2989d8 50%,#7db9e8 100%);
    background: linear-gradient(to right, #1e5799 0%,#0fa7d9 40%,#0fa7d9 40%,#2989d8 50%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#1e5799′, endColorstr=’#7db9e8′,GradientType=1 );

    Kind Regards,

    June 4, 2017 at 3:52 pm #803620
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #top #header_meta, .alternate_color, .socket_color {background-color: background: #1e5799;
background: -moz-linear-gradient(left, #1e5799 0%, #0fa7d9 40%, #0fa7d9 40%, #2989d8 50%, #7db9e8 100%)!important; 
background: -webkit-linear-gradient(left, #1e5799 0%,#0fa7d9 40%,#0fa7d9 40%,#2989d8 50%,#7db9e8 100%)!important; 
background: linear-gradient(to right, #1e5799 0%,#0fa7d9 40%,#0fa7d9 40%,#2989d8 50%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#1e5799′, endColorstr=’#7db9e8′,GradientType=1 )!important; }

    Best regards,
    Mike

    June 4, 2017 at 4:28 pm #803626
    Candratech

    Hi Mike,

    I placed the code in the Quick CSS field. But is appears that nothing has changed. Maybe i’m doing something wrong.

    Kind regards,

    June 4, 2017 at 5:03 pm #803636
    Mike

    Hi,
    Please clear your cache: [http://www.refreshyourcache.com/en/home/]
    Or Can you please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    June 4, 2017 at 5:08 pm #803639
    Candratech

    I cleared the cache but it seems there are no changes. I added the login details in private content

    June 4, 2017 at 5:46 pm #803648
    Mike

    Hi,
    OK, Please clear your cache: [http://www.refreshyourcache.com/en/home/] and try now :}
    I cleared your WP cache :)

    Best regards,
    Mike

    June 4, 2017 at 5:48 pm #803651
    Candratech

    Hi Mike,

    It looks perfect! Thanks for your support!

    Kind regards,

    June 4, 2017 at 5:55 pm #803654
    Victoria

    Hi Candratech,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 27, 2017 at 4:29 pm #844538
    Candratech

    Hello,

    We use the folowing code on our website to create the right color:

    #top #header_meta, .alternate_color, .socket_color {background-color: background: #1e5799;
    background: -moz-linear-gradient(left, #1e5799 0%, #0fa7d9 40%, #0fa7d9 40%, #2989d8 50%, #7db9e8 100%)!important;
    background: -webkit-linear-gradient(left, #1e5799 0%,#0fa7d9 40%,#0fa7d9 40%,#2989d8 50%,#7db9e8 100%)!important;
    background: linear-gradient(to right, #1e5799 0%,#0fa7d9 40%,#0fa7d9 40%,#2989d8 50%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#1e5799′, endColorstr=’#7db9e8′,GradientType=1 )!important; }

    This is working perfectly. However we would like to get the following in the same color:
    The buttons
    The footer widget area

    August 27, 2017 at 11:39 pm #844584
    Mike

    Hi,
    For the footer and socket:

    .footer_color,.socket_color {background-color: background: #1e5799;
background: -moz-linear-gradient(left, #1e5799 0%, #0fa7d9 40%, #0fa7d9 40%, #2989d8 50%, #7db9e8 100%)!important;
background: -webkit-linear-gradient(left, #1e5799 0%,#0fa7d9 40%,#0fa7d9 40%,#2989d8 50%,#7db9e8 100%)!important;
background: linear-gradient(to right, #1e5799 0%,#0fa7d9 40%,#0fa7d9 40%,#2989d8 50%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#1e5799′, endColorstr=’#7db9e8′,GradientType=1 )!important; }

    For the big button on your homepage:

    .main_color .avia-color-theme-color {background-color: background: #1e5799;
background: -moz-linear-gradient(left, #1e5799 0%, #0fa7d9 40%, #0fa7d9 40%, #2989d8 50%, #7db9e8 100%)!important;
background: -webkit-linear-gradient(left, #1e5799 0%,#0fa7d9 40%,#0fa7d9 40%,#2989d8 50%,#7db9e8 100%)!important;
background: linear-gradient(to right, #1e5799 0%,#0fa7d9 40%,#0fa7d9 40%,#2989d8 50%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#1e5799′, endColorstr=’#7db9e8′,GradientType=1 )!important; }

    Best regards,
    Mike

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.