Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 28, 2019 at 5:06 pm #1059684
    KrrauwWalther

    Ive installed a theme from Enfold; The Enfold construction Demo.
    And now i want to change the colours of that theme.
    I want to change the yellow into blue.
    But the website styling options do not work.
    What do i need to do?
    To change all the yellow #efbb20
    into #05486e?
    http://www.peetersrs.nl

    January 28, 2019 at 5:44 pm #1059698
    Guenni007

    What kind of predefined color scheme is used on that demo?
    have a look to Dashboard – Enfold (Child) – General Styling
    There are most of the color settings. Sometimes the demo stylinges have some “Advanced Styling”

    January 28, 2019 at 5:54 pm #1059717
    KrrauwWalther

    Hey Thanks Guenni.

    I use the enfold (not the child) but the construction theme. And then the general colors scheme is blue/yellow.

    I managed to change a yellow part of the website, by changing the content section.
    and then selected a different color as background color.
    That worked fine.
    But now i have to also change the other parts of yellow.
    Like the buttons in the slider.

    I thought i could change the colors all in ones with the color scheme.

    Thanks in advance for the help.

    January 28, 2019 at 5:55 pm #1059718
    Jordan Shannon

    Hi,

    Yes, please follow Guenni007’s suggestion as a starting point to modify the colors.

    Best regards,
    Jordan Shannon

    January 28, 2019 at 6:00 pm #1059723
    KrrauwWalther

    Thanks.. do you mean this tab?
    https://ibb.co/Vmyk2Rx

    I tried to change this colorscheme before and then it didn’t work.
    But i can try again…

    January 29, 2019 at 11:06 am #1059937
    Guenni007

    by the way – you can have your own style. You find those definitions of the buttons above on : register-backend-styles.php
    to have your own style there put this ( as an example ) in your child-theme functions.php:

    next post please

    there you can replace all : #efbb20 to the hex code you need ( but think of enough contrast to the background)

    January 29, 2019 at 11:27 am #1059942
    Guenni007

    so if it is based on blue-yellow and change it to your needs:

    add_filter('avf_skin_options', 'my_custom_added_style_function');
function my_custom_added_style_function($styles = "") {

  $styles["Peeters Style"] = array(    
            'style'=>'background-color:#2c353d;',
            'default_font' => 'Helvetica-Neue,Helvetica-websave',
            'google_webfont' => 'Metrophobic',
            'color_scheme'  =>'Peeters Style',
            
            // header
            'colorset-header_color-bg'        =>'#ffffff',
            'colorset-header_color-bg2'       =>'#f8f8f8',
            'colorset-header_color-primary'     =>'#efbb20',
            'colorset-header_color-secondary'   =>'#444444',
            'colorset-header_color-color'     =>'#333333',
            'colorset-header_color-border'      =>'#e1e1e1',
            'colorset-header_color-img'       =>'',
            'colorset-header_color-customimage'   =>'',
            'colorset-header_color-pos'       => 'center center',
            'colorset-header_color-repeat'      => 'repeat',
            'colorset-header_color-attach'      => 'scroll',
            'colorset-header_color-heading'     => '#000000',
            'colorset-header_color-meta'      => '#808080',
            
            // main
            'colorset-main_color-bg'        =>'#ffffff',
            'colorset-main_color-bg2'       =>'#f8f8f8',
            'colorset-main_color-primary'     =>'#efbb20',
            'colorset-main_color-secondary'     =>'#db9d00',
            'colorset-main_color-color'       =>'#9c9c9c',
            'colorset-main_color-border'      =>'#e1e1e1',
            'colorset-main_color-img'       =>'',
            'colorset-main_color-customimage'   =>'',
            'colorset-main_color-pos'         => 'center center',
            'colorset-main_color-repeat'      => 'repeat',
            'colorset-main_color-attach'      => 'scroll',
            'colorset-main_color-heading'       => '#2c353d',
            'colorset-main_color-meta'        => '#919191',
            
            // alternate
            'colorset-alternate_color-bg'     =>'#2c353d',
            'colorset-alternate_color-bg2'      =>'#454e57',
            'colorset-alternate_color-primary'    =>'#ffffff',
            'colorset-alternate_color-secondary'  =>'#efbb20',
            'colorset-alternate_color-color'    =>'#ffffff',
            'colorset-alternate_color-border'   =>'#5b646b',
            'colorset-alternate_color-img'      => "",
            'colorset-alternate_color-customimage'  =>'',
            'colorset-alternate_color-pos'      => 'top center',
            'colorset-alternate_color-repeat'     => 'repeat',
            'colorset-alternate_color-attach'     => 'scroll',
            'colorset-alternate_color-heading'    => '#ffffff',
            'colorset-alternate_color-meta'     => '#e1e1e1',
                                 
            // Footer
            'colorset-footer_color-bg'      =>'#2c353d',
            'colorset-footer_color-bg2'     =>'#454e57',
            'colorset-footer_color-primary'   =>'#ffffff',
            'colorset-footer_color-secondary' =>'#efbb20',
            'colorset-footer_color-color'   =>'#ffffff',
            'colorset-footer_color-border'    =>'#5b646b',
            'colorset-footer_color-img'     => "",
            'colorset-footer_color-customimage' =>'',
            'colorset-footer_color-pos'     => 'top center',
            'colorset-footer_color-repeat'    => 'repeat',
            'colorset-footer_color-attach'    => 'scroll',
            'colorset-footer_color-heading'   => '#ffffff',
            'colorset-footer_color-meta'    => '#e1e1e1',
            
            // Socket
            'colorset-socket_color-bg'      =>'#5b646b',
            'colorset-socket_color-bg2'     =>'#454e57',
            'colorset-socket_color-primary'   =>'#ffffff',
            'colorset-socket_color-secondary' =>'#efbb20',
            'colorset-socket_color-color'   =>'#ffffff',
            'colorset-socket_color-border'    =>'#5b646b',
            'colorset-socket_color-img'     => "",
            'colorset-socket_color-customimage' =>'',
            'colorset-socket_color-pos'     => 'top center',
            'colorset-socket_color-repeat'    => 'repeat',
            'colorset-socket_color-attach'    => 'scroll',
            'colorset-socket_color-heading'   => '#ffffff',
            'colorset-socket_color-meta'    => '#e1e1e1',
            
            //body bg
            'color-body_style'            =>'stretched',
            'color-body_color'            =>'#ffffff',
            'color-body_attach'           =>'scroll',
            'color-body_repeat'           =>'repeat',
            'color-body_pos'              =>'top left',
            'color-body_img'              =>'',
            'color-body_customimage'        =>'',
  ); 

  return $styles;
}
    January 29, 2019 at 12:41 pm #1059969
    Guenni007

    By the way: the use of a child theme is highly recommended, and the Realistation is not a witchcraft.

    https://kriesi.at/documentation/enfold/child-theme/

    January 31, 2019 at 7:32 am #1060811
    Rikard

    Hi,

    Thanks for helping out @guenni007, it’s much appreciated :-)

    Best regards,
    Rikard

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