Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #773231

    Dear Sirs,

    We have two websites made with your fantastic theme ;)

    We copied one quick css into the other theme, but somehow it is not changing the button sizes.

    The website where the buttons are sized correctly is http://www.365invest.com
    somehow it does not work for http://www.forex24.nl (login user : dev password kodak)

    This is the Quick CSS we used for both websites :

    .avia-button.avia-size-small{
    padding: 10px 1px 10px;
    font-size: 13px;
    min-width: 138px;
    width: 138px;
    max-width: 138px;
    }
    .avia-button.avia-size-medium{
    padding: 8px 1px 8px;
    font-size: 13px;
    min-width: 128px;
    width: 128px;
    max-width: 128px;
    }
    body div .avia-button {
    border-radius: 0px; }

    .avia-button.avia-size-small { font-size: 13px; } /* for small buttons */

    .avia-button-wrap {
    margin-right: 10px;}

    .widget {
    background: black;
    padding: 0px ;
    }

    .html_header_top.html_header_sticky #main {
    padding-top: 140px;
    }
    #header .widget {
    padding: ;
    }
    #icl_lang_sel_widget{
    xwidth:83.5% !important;
    height: 30px;
    }
    #lang_sel_click{
    display: block;
    right:16.5% !important;
    position: absolute;
    xfloat: right;
    margin-right: 30px;
    }
    #header .textwidget .flex_column {
    width: 83.5%;
    padding-left: 330px!important;
    }
    .custom-align {
    float: left;
    }

    .togglecontainer .single_toggle:first-child .toggler {
    margin-bottom: 10px;
    }

    .main_color .toggler, .main_color .toggler.activeTitle:hover{
    color: #000000!important;
    background-color: #e1e1e1;
    }

    .main_color .toggle_content {
    background: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }

    div .main_color .tabcontainer .active_tab_content { background-color: #e1e1e1; }
    div .main_color .tabcontainer .active_tab { background-color: #e1e1e1; color: white; }

    .lang_sel_sel { background-color: black !important; }

    .avia-button.avia-size-large{
    padding: 14px 1px 14px;
    font-size: 14px;
    min-width: 215px;
    width: 215px;
    max-width: 215px;
    }
    .avia-button.avia-size-x-large{
    padding: 16px 1px 16px;
    font-size: 14px;
    min-width: 215px;
    width: 215px;
    max-width: 215px;
    }

    #774192

    Hey pipinvest01,

    Try putting that code into themes/enfold/css/custom.css

    And there is an error here

    
    #header .widget {
    padding: ;
    }
    

    There has to be a value and some more errors. You should really copy that code to some css validator, to make sure it’s valid and does not have errors.

    If you need further assistance please let us know.

    Best regards,
    Victoria

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