Viewing 30 results - 1 through 30 (of 180 total)
  • Author
    Search Results
  • Hey kurson,

    Thank you for the inquiry.

    The green color can be overridden using this css code:

    .main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .main_color .blog-categories a, .html_elegant-blog #top .main_color .blog-categories a:hover {
        color: #555555;
    }

    This can also be adjusted in the Enfold > Advanced Styling panel — look for the strong tag and configure it.

    Best regards,
    Ismael

    #1490025

    Hey sitesme,

    Please try the following in Quick CSS under Enfold->General Styling:

    .special_amp {
      font-family: inherit;
      font-style: inherit;
      font-size: inherit;
      line-height: inherit;
      font-weight: inherit;
      color: inherit !important;
    }

    Best regards,
    Rikard

    #1472820

    Hey Jak73,

    It looks like you found a solution for the space already?

    Please try this CSS for the & character:

    .special_amp {
      font-family: inherit;
      font-style: inherit;
      font-size: inherit;
      line-height: inherit;
      font-weight: inherit;
    }

    Best regards,
    Rikard

    #1466749

    Des Weiteren, wird das &-Zeichen bei uns falsch formatiert. die Schriftart wie auch die Farbe weichen von der ursprünglichen Schrift-Formatierung ab.

    The ampersand (&-Zeichen) has its own css rules. If you like to get rid of those special settings:

    #top .special_amp {
        font-size: inherit;
        color: inherit;
        line-height: 1;
        font-style: normal;
        font-family: inherit;
        font-weight: inherit;
    }
    #1426151

    In reply to: Colors

    Hi,
    Your first screenshot of the icon boxes on your homepage:
    Enfold_Support_3964.jpeg
    the background color can be set in the element here:
    Enfold_Support_3966.jpeg
    or you can change all of them with this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top.home .iconbox .iconbox_icon {
        background-color: #ebb400;
        border: 1px solid #fff;
        color: #fff;
    }

    this is the expected results:
    Enfold_Support_3968.jpeg
    After applying the css, please clear your browser cache and check.
    To make the special amp symbol black, try this css:

    #top .main_color .special_amp {
    	color: #000;
    }

    adjust the color to suit.
    Is this what you had in mind?

    Best regards,
    Mike

    #1421517

    Hi Henning,

    Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab:

    
    #top .special_amp {
        font-size: inherit;
        line-height: 1;
        font-style: normal;
        font-family: inherit;
        font-weight: inherit;
    }
    

    Best regards,
    Yigit

    #1418950

    Hi stephaniebLOS,

    Please try to use this CSS code:

    .special_amp { 
        color: inherit!important; 
        font-family: inherit; 
        font-size: inherit; 
        font-style: normal;
    }

    Hope it helps.

    Best regards,
    Nikko

    #1416542

    Hi,
    When I check your page I see Yigit’s solution above loading:
    Enfold_Support_2966.jpeg
    Please remove this css and disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files then add this css to your WordPress ▸ Customize ▸ Additional CSS or Enfold Theme Options ▸ General Styling ▸ Quick CSS field and Then clear your browser cache and any cache plugin, and check.

    #top .special_amp {
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit!important;
    }

    This is the results I see when I test on your page:
    Enfold_Support_2968.jpeg

    Best regards,
    Mike

    #1416516

    Hi,
    Try this css instead:

    #top .special_amp {
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit!important;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1416488

    Hey,

    Please use the code as the following:

    
    #top .special_amp {
        font-size: 1em;
        line-height: 1;
        font-style: normal;
        font-family: inherit;
        font-weight: 300;
    }
    

    After that, please go to Enfold theme options > Performance and disable CSS file merging, save theme options, clear cache, and enable CSS file merging once again.

    If that doesn’t work, please create temporary admin logins and share them with us in the private content field.

    Regards,
    Yigit

    #1416479

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .special_amp {
      font-family: inherit;
      color: inherit;
      font-style: inherit;
    }

    Best regards,
    Rikard

    #1411712

    Hi Mike,

    Morning.
    But I cannot find the avia-post-nav on my quick CSS:
    here is the code I have right now:
    .entry-content blockquote {
    margin: 1.5em 0em!important;
    font-size: 137%!important;
    color: rgb(58, 140, 174)!important;
    font-style: italic!important;
    background: #efefef!important;
    padding: 1em!important;
    text-align: left!important;
    quotes: “\201C””\201D””\2018″”\2019”;
    }

    .entry-content blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    }
    .entry-content blockquote p {
    display: inline;
    }

    .footer_color {
    border: none;
    }

    /* Generated by Font Squirrel (//www.fontsquirrel.com) on April 15, 2015 */

    @font-face {
    font-family: ‘verbextralight’;
    src: url(‘/webfonts/extralight-webfont.eot’);
    src: url(‘/webfonts/extralight-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/webfonts/extralight-webfont.woff2’) format(‘woff2’),
    url(‘/webfonts/extralight-webfont.woff’) format(‘woff’),
    url(‘/webfonts/extralight-webfont.ttf’) format(‘truetype’),
    url(‘/webfonts/extralight-webfont.svg#verbextralight’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }

    /*
    @font-face {
    font-family: ‘verbregular’;
    src: url(‘/webfonts/regular-webfont.eot’);
    src: url(‘/webfonts/regular-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/webfonts/regular-webfont.woff2’) format(‘woff2’),
    url(‘/webfonts/regular-webfont.woff’) format(‘woff’),
    url(‘/webfonts/regular-webfont.ttf’) format(‘truetype’),
    url(‘/webfonts/regular-webfont.svg#verbregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘verbsemibold’;
    src: url(‘/webfonts/semibold-webfont.eot’);
    src: url(‘/webfonts/semibold-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/webfonts/semibold-webfont.woff2’) format(‘woff2’),
    url(‘/webfonts/semibold-webfont.woff’) format(‘woff’),
    url(‘/webfonts/semibold-webfont.ttf’) format(‘truetype’),
    url(‘/webfonts/semibold-webfont.svg#verbsemibold’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘verbcondlight’;
    src: url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.eot’);
    src: url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.woff’) format(‘woff’),
    url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.ttf’) format(‘truetype’),
    url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.svg#verbcondlight’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }*/

    @font-face {
    font-family: ‘verbcondregular’;
    src: url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.eot’);
    src: url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.woff’) format(‘woff’),
    url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.ttf’) format(‘truetype’),
    url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.svg#verbcondregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘verbcondsemibold’;
    src: url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.eot’);
    src: url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.woff’) format(‘woff’),
    url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.ttf’) format(‘truetype’),
    url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.svg#verbcondsemibold’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }
    /*
    html, body, div, p { font-family: ‘verbregular’; }
    h1, h2, h3, h4, h5, h6, strong { font-family: ‘verbsemibold’; font-weight: normal;text-transform:none!important; }*/

    html, body, div, p { font-family: ‘verbcondregular’; }
    h1, h2, h3, h4, h5, h6, strong { font-family: ‘verbcondsemibold’; font-weight: normal;text-transform:none!important; }

    .button-transition-blue {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    }

    .button-transition-blue:hover {
    background:#3a8cae!important;
    }

    .big-thin {
    font-size: 1.6em;
    line-height:1.2em;
    font-family:’verbextralight’;
    color:white;
    }

    .image-overlay {
    visibility: hidden;
    }

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background: #f9a456!important;
    border: 0px solid white;
    }

    .big-thin span.av_font_icon.avia_animate_when_visible.av-icon-style-.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
    padding-bottom: 100px;
    }

    @media only screen and (max-width: 767px) {

    .big-thin span.av_font_icon.avia_animate_when_visible.av-icon-style-.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
    padding-bottom: 20px;
    }
    }

    .big-thin span.av-icon-char {
    line-height: 1em!important;
    margin-right: 10px;
    }

    #top .av_header_transparency #header_meta {
    border:none;
    }

    div#content {border-color:transparent!important;}

    #top .chatlio-widget textarea {
    line-height: unset!important;
    min-height: unset!important;
    }

    /*this changes the width of the tabs */

    .av-inner-tab-title {
    width: 200px !important;
    font-size: 13px !important;
    font-weight: medium !important;
    }

    /*this adjusts the tab arrow */

    .av-tab-arrow-container {
    width: 200px !important;
    }

    /*this CSS styles the scroll down arrow */
    #top .scroll-down-link {
    /*color: #f9a456 !important; */
    font-size: 150px;

    }

    /* This styles the animated icon list on the PS page */

    .card-container {
    cursor: pointer;
    height: 530px;
    perspective: 600;
    position: relative;
    width: 100%;
    margin-bottom: 25px ;
    }

    .card {
    height: 100%;
    position: absolute;
    border-radius: 6px;
    transform-style: preserve-3d;
    transition: all 1s ease-in-out;
    width: 100%;
    }

    .card:hover {
    transform: rotateY(180deg);
    }

    .card .side {
    backface-visibility: hidden;
    border-radius: 6px;
    height: 530px;
    position: absolute;
    overflow: hidden;
    width: 100%;
    }

    .card .back {
    padding: 20px;
    background: #eaeaed;
    color: #606a71;
    line-height: 20px;
    text-align: left;
    transform: rotateY(180deg);
    }

    /* the following css snippets adjust the icon list that is on the PS page */
    .horizontal-icon-list ul.avia-icon-list li {
    float: left;
    clear: none;
    width: 20%;
    }

    .horizontal-icon-list .iconlist-timeline {
    display: none;
    }

    div.description {
    position:absolute; /* absolute position (so we can position it where we want)*/
    bottom:0px; /* position will be on bottom */
    left:0px;
    width:100%;
    /* styling bellow */
    background-color: #eaeaed;
    color: #606a71;
    }

    p.description_content{
    padding:10px;
    margin:0px;
    font-size: 15px;
    }

    @font-face {
    font-family: ‘Font Awesome 5 Free’;
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(“../webfonts/fa-solid-900.eot”);
    src: url(“../webfonts/fa-solid-900.eot?#iefix”) format(“embedded-opentype”), url(“../webfonts/fa-solid-900.woff2”) format(“woff2”), url(“../webfonts/fa-solid-900.woff”) format(“woff”), url(“../webfonts/fa-solid-900.ttf”) format(“truetype”), url(“../webfonts/fa-solid-900.svg#fontawesome”) format(“svg”); }

    .fa,
    .fas {
    font-family: ‘Font Awesome 5 Free’;
    font-weight: 900; }

    @media only screen and (max-width: 700px) {
    .cta_text_block p {
    line-height: 1.5em;
    }

    }

    @media only screen and (max-width: 700px) {
    .section_heading h2 {
    line-height: 1.5em;
    }

    }

    /* this targets the Learn More btn on the Tech services page */
    .sleeknote-btn {
    display: flex;
    /*justify-content: space-around;*/
    }

    /* this adjusts the padding on the Tech services page */
    .custom-btn-slknte {
    padding-right: 10px;
    }

    /* This removes the comments from the blog */
    .slide-content .slide-meta .slide-meta-comments a, .slide-content .slide-meta .slide-meta-del {
    display: none;
    }

    /* Centers the text on blog page */
    .hero-blog-entry-center {
    text-align: center;
    }

    .hero-blog-entry-center .read-more-link {
    display: block;
    text-align: center;
    margin: 30px auto 20px auto;
    clear: both;
    width: 150px;
    border: none;
    border-style: solid;
    border-width: 2px;
    border-color: #3a8cae;
    padding: 10px 0;
    border-radius: 5px;
    }

    .hero-blog-entry-center .read-more-link .more-link-arrow {
    display: none;
    }

    .new-blog .av-masonry-entry .av-inner-masonry-content {
    height: 158px;
    }

    .logo-bg {
    position: absolute;
    top: 400px;
    right: -400px;
    opacity: 0.05;
    z-index: -10;
    transform: rotate(-30deg);
    }

    /*—————————————-
    // CSS – Content Slider style – 2
    //————————————–*/

    /* Slider Background */
    #top .av-contentslider-style-2 {
    margin: 20px 50px;
    background: #ffffff;
    }

    /* Arrow position */
    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 999;
    }

    /* Right arrow*/
    .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
    right: -35px !important;
    }
    /* Arrow icon */
    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.next-slide:before{
    content:’\e875′;
    }

    /* Left arrow */
    .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls .prev-slide {
    left: -35px !important;
    }
    /* Arrow icon */
    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before{
    content:’\e874′;
    font-family: ‘entypo-fontello’;
    }

    /* Common arrow styles */
    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a {
    border-radius: 25px;
    color:#fff;
    font-weight: bolder;
    font-size: 24px;
    background: #f9a456;
    width: 30px;
    height: 30px;
    }

    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a:before {
    background: transparent;
    top:3px;
    }

    /* Arrow hover style */
    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a:hover {
    opacity: 1;
    background: #fab677;
    }

    .testimonial-cta {
    background-color: rgba(255, 255, 255, 0.9);
    }

    /* .testimonial-col {
    height: 400px;
    } */

    /* enfold social media icons fix */
    .social_bookmarks_twitter a::before, .av-social-link-twitter a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_facebook a::before, .av-social-link-facebook a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_linkedin a::before, .av-social-link-linkedin a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_pinterest a::before, .av-social-link-pinterest a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_tumblr a::before, .av-social-link-tumblr a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_reddit a::before, .av-social-link-reddit a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_vk a::before, .av-social-link-vk a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_gplus a::before, .av-social-link-gplus a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_mail a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_dribble a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_youtube a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_instagram a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_vimeo a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }

    /* end enfold social media icons fix */

    .standards-solutions-container {
    display: flex;
    justify-content: space-evenly;
    }

    .standards-text-container {
    width: 500px;
    }

    .testimonial-container {
    display: flex;
    justify-content: space-evenly;
    }

    .img-container-test {

    }

    .text-container-test {
    width: 500px;
    margin-right: -60px;
    }

    .solutions-hover:hover {
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    transition: 0.3s ease-in-out;
    cursor: pointer;
    }

    .hero-ul-list {
    width: 400px;
    margin-bottom: 40px;
    column-count: 2;
    padding: 0;
    }

    .hero-ul-list li {
    line-height:1.5em;
    float:left;
    list-style-type: square;
    }

    /* NEW EDIT */

    h1.headerh1 {
    position: absolute;
    top: 100px;
    z-index: 9999;
    text-align: center;

    }
    #product-feature .flex_column {
    width: 40%;
    }
    /* CSS Code by Agus */

    @media all and (min-width:1025px){
    .hero-content{
    min-height:863px !Important;
    }
    }

    /*.home-heading h1{
    font-family:’verbregular’ !important;
    font-size:38px !important;
    color:#fff !important;
    text-align:center;
    line-height:1.4em;
    letter-spacing:-0.5px !Important;
    margin-bottom:20px !important;
    }*/

    .home-heading h1{
    font-family:’verbcondregular’ !important;
    font-size:38px !important;
    color:#fff !important;
    text-align:center;
    line-height:1.4em;
    letter-spacing:-0.5px !Important;
    margin-bottom:20px !important;
    }

    .home-heading span.orange,
    .main-heading span.orange{color:#f69345 !important}

    .btn-product-tour span:before{
    background:#fff !Important;
    padding:9px;
    border-radius:30px;
    border:1px solid #fff !important;
    color:#f69345 !important;
    }

    .btn-product-tour:hover span:before{
    border:1px solid #f69345 !important;
    }

    .btn-product-tour .avia_iconbox_title{
    margin-right:5px;
    font-weight:600 !important;
    }

    .hero-image img{
    margin-top:-485px !important;
    margin-bottom:-150px;
    }

    .general-button span{
    font-family: ‘Poppins600’ !important;
    font-weight: 600 !important;
    }

    .products .entry-content-wrapper{
    max-width:1100px;
    margin:0 auto;
    }

    #products{
    background: radial-gradient(50% 50% at 50% 50%, #3E91BA 0%, #1D62A0 100%), #2F799E;
    }

    .main-heading h3{
    font-family: ‘verbsemibold’ !important;
    font-weight: 600 !important;
    }

    /*.main-heading span.special_amp{
    font-family:”verbregular” !Important;
    font-size:1em !important;
    font-style:normal !Important;
    }*/

    .main-heading span.special_amp{
    font-family:”verbcondregular” !Important;
    font-size:1em !important;
    font-style:normal !Important;
    }

    .features{
    height:400px !important;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(29px);
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
    border: 1px solid #5597bf;
    }

    .features p{
    margin-right:80px !important;
    }

    .features:hover{
    background:#fff !important;
    }
    .features:hover h2{
    color:#f69345 !important;
    }

    .features:hover h4{
    color:#000 !important;
    }
    .features:hover p{
    color:#4d4d4d !important;
    }
    .products .flex_column_table{
    margin-top:70px !important;
    }

    .content-slider{
    overflow:visible !Important;
    }

    .content-slider .avia-content-slider-inner{
    max-width:1140px !Important;
    margin:0 auto;
    }

    .content-slider .slide-entry{
    border-radius: 10px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #00000026;
    padding:12px;
    }

    .content-slider .slide-entry img{
    border-radius:10px !Important;
    }

    .content-slider .slide-entry h3{
    font-family:Roboto, sans-serif !important;
    color: #051728 !important;
    font-size: 22px !important;
    font-weight: 600;
    line-height: 33px;
    margin-top: 4px;
    max-height:98px;
    overflow:hidden;
    }

    .content-slider a.more-link{
    font-family: “Roboto”, Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    padding: 0px 0px 0px 0px;
    border-radius: 0px;
    color: #458350;
    margin-top: 5px;
    }

    .content-slider .slide-content{
    padding:10px !important;
    }

    .content-slider .avia-content-slider-inner{
    overflow:visible !Important;
    }

    .content-slider .av_one_third,
    .success-story .av_one_third{
    margin-left: 3%;
    width: 31.333333333333332%;
    }

    .content-slider .av_one_third.first,
    .success-story .av_one_third.first{
    margin-left:0px !important;
    }

    .content-slider .avia-slideshow-arrows a.next-slide{ right: -40px !important}

    .content-slider .avia-slideshow-arrows a.prev-slide{ left: -40px !important}

    .content-slider .avia-slideshow-arrows a.next-slide,
    .content-slider .avia-slideshow-arrows a.prev-slide{
    border-radius: 50px !important;
    font-size: 16px !important;
    height: 41px !important;
    width: 41px !important;
    }

    .content-slider .avia-slideshow-arrows a:before{
    border-radius:50px !Important;
    line-height: 41px !important;
    background:#f69345 !Important;
    color:#fff !Important;
    border:1px solid #f69345;
    }

    .content-slider .avia-slideshow-arrows a:hover:before{
    background:#fff !important;
    color:#f69345 !important;
    }

    .content-slider .avia-slideshow-arrows a{
    top:50% !important;
    opacity:1 !important;
    }

    .success-story h3{
    display:none !Important;
    }

    /*.success-story h2{
    font-family:’verbregular’ !important;
    color:#051728 !important;
    line-height:1.4em !Important;
    margin-top:0px !Important;
    font-weight:600;
    -webkit-font-smoothing:antialiased;
    }*/
    .success-story h2{
    font-family:’verbcondregular’ !important;
    color:#051728 !important;
    line-height:1.4em !Important;
    margin-top:0px !Important;
    font-weight:600;
    -webkit-font-smoothing:antialiased;
    }

    .success-story p{
    font-size:16px !important;
    }

    .success-story a.read-more{
    color: #458350;
    font-family: “Vern font”, Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    position:absolute;
    bottom:17px;
    }

    .success-story .slide-entry{
    min-height:463px;
    border-radius:10px;
    padding:15px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D9D9D9;
    transition: background 0s, border 0s, border-radius 0s, box-shadow 0s !Important;

    }

    .success-story .slide-entry-wrap{
    padding:0px 20px;
    margin:0 auto !Important;
    }

    .success-story .avia-slideshow-arrows {
    position: absolute !important;
    width: 100% !important;
    top: 50% !important;
    left: 0;
    height: 41px;
    }

    .success-story .avia-slideshow-arrows a{
    height:41px !Important;
    width:41px !important;
    line-height:41px !important
    }

    .success-story .avia-slideshow-arrows a:before{
    line-height:41px !important;
    font-size:16px !important
    }

    .success-story a:before{
    border:none !Important
    }

    .success-story a.prev-slide{
    left:-40px;
    }

    .success-story a.next-slide{
    right:-40px !important;
    }
    .success-story a.prev-slide, .success-story a.next-slide{
    min-width:41px !important;
    border-radius:50px;
    border:1px solid #f69345 !Important;
    background:#f69345 !important;
    color:#fff !important;
    }

    .success-story a.prev-slide:hover, .success-story a.next-slide:hover{
    background:#fff !important;
    color:#f69345 !important;
    opacity:1 !important;
    }

    .home-subscribe{
    background: rgb(255,255,255) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0) 75%, rgba(29,98,160,1) 75%) !important;
    }

    .home-footer{
    background: radial-gradient(50% 50% at 50% 50%, #3E91BA 0%, #1D62A0 100%), #2F799E;
    }

    .home-footer img{
    width:174px !Important;
    }
    .home-footer .avia-image-container{
    text-align:left !important;
    margin-bottom:20px;
    }

    .home-footer p{
    font-size:16px;
    color:#BED3E4;
    padding-right:100px;
    }

    .home-footer h3{
    font-size:20px !important;
    color:#ffffff !important;
    margin-bottom:20px !important;
    }

    /*.home-footer h5{
    font-family:”verbregular” !Important;
    font-size:16px !important;
    color:#ffffff !important;
    margin-bottom:20px !important;
    }

    .home-footer h6{
    font-family:”verbregular” !Important;
    font-size:14px !important;
    color:#ffffff !important;
    }*/

    .home-footer h5{
    font-family:”verbcondregular” !Important;
    font-size:16px !important;
    color:#ffffff !important;
    margin-bottom:20px !important;
    }

    .home-footer h6{
    font-family:”verbcondregular” !Important;
    font-size:14px !important;
    color:#ffffff !important;
    }

    .home-footer li{border-width:0px !Important}
    .home-footer li a{font-size:14px !important;color:#D8E9F1 !Important;padding:5px 0px !important;line-height:1.5em !Important}

    .home-footer li a:hover{background:transparent !Important;color:#D8E9F196 !important}

    .home-footer .av-share-box ul li a{
    width:38px !Important;
    height:38px !important;
    margin-right:12px;
    padding-top: 10px !important;
    background: #f69345 !important;
    }

    .home-footer .av-share-box ul li:hover a{
    margin-top:-10px !important;
    }

    .home-copyright{
    border-top:1px solid #fff !Important;
    padding-top:25px;
    }

    .home-footer .template-page{
    padding-bottom:20px !Important;
    }

    @media all and (max-width:1024px){
    .features p{margin-right:0px !important}
    .avia-section-huge .content{padding-top:60px !important;padding-bottom:60px !Important}
    .main-heading{margin-bottom:20px !Important;padding-bottom:0px !Important}
    .home-footer p{padding-right:50px !Important}
    .hero-content{min-height:720px !Important}
    }
    @media all and (max-width:767px){
    .home-heading h1{font-size:32px !important;line-height:1.2em !Important;}
    .hero-content{padding:40px 25px 25px 25px !important}
    .hero-image img{margin-top:-185px !important}
    .hero-content{min-height:auto !Important}
    .infographic{padding:0px !important}
    #domain-expertise .av_one_half,
    #professional-services .av_one_half,
    #innovative-software .av_one_half{padding:0px !Important}
    .products .av_one_half{padding:25px !important}
    .products .first{margin-bottom:85px !Important;overflow:hidden;}
    .home-subscribe {
    background: rgb(255,255,255) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0) 85%, rgba(29,98,160,1) 85%) !important;
    }
    }

    #1376019

    Hey Alfredo,

    Thank you for the inquiry.

    You can replace the code above with the following css.

    .special_amp {
        font-size: 1em;
        font-family: 'Heebo', Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 300;
    }
    

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding modification.

    Best regards,
    Ismael

    #1375970
    Emanon
    Participant

    Hello guys,

    I found this code in another thread. The ampersand has changed. But it’s still italic and regular or bold. I want it to be light, just as the other words in the sentence.

    /*Change fancy ampersand to normal one*/
    .special_amp {
    font-family: initial !important;
    font-size: inherit !important;
    color: inherit !important
    }

    Thanks in advance.

    #1366624

    Well this is correlated to a class that is set automatically on ampersand character.
    the class is set to:

    .special_amp {
      font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif;
      font-style: italic;
      font-size: 1.3em;
      line-height: 0.5em;
      font-weight: normal;
      color: inherit;
    }

    but that function is on functions-enfold.php line 970ff : avia_ampersand
    so if in content an ampersand is set it will be changed to : <span class='special_amp'>&</span>

    #1348199

    Hi Ismael,

    thank you.
    Unfortunately the header still appears in white after I did disable file compression setting accordingly.

    Questions:
    – There are two } at the end of your CSS code, correct?
    – If I put in only one } something is happening, but the header background is still white in mobile view. Then the burger menu seems in grey instead of white now according to my following CSS.

    – If there are perspective layout issues occuring is there alternatively a way to switch the burger menu color from #ffffff to #b50054 once the white background appears so at least it is still visible?

    This is the full custom css code I have applied:

    @media only screen and (min-width: 768px) and (max-width: 989px) {
    .responsive.html_mobile_menu_tablet #top #wrap_all #header {
        position: fixed;
        width: 100%;
        float: none;
        height: auto;
        margin: 0 !important;
        opacity: inherit;
        min-height: 0;
    }
    }
    
    .button {
    color: #b50054 !important;
    }
    
    div .logo { left: 45%; }
    
    .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after { 
    background-color: #ffffff;
    }
    
    #socket .sub_menu_socket li {
         border-left-width: 0px !important;
    }
    
    .socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover {
    color: #ffffff !important;
    }
    
    .socket_color a:hover, .socket_color h1 a:hover, .socket_color h2 a:hover, .socket_color h3 a:hover, .socket_color h4 a:hover, .socket_color h5 a:hover, .socket_color h6 a:hover, .socket_color .template-search a.news-content:hover, .socket_color .wp-playlist-item .wp-playlist-caption:hover {
    color: #B50054 !important;
    }

    Many thanks,
    Sebastian

    Hi,

    Thank you for the update.

    The above filter is supposed to disable the modification that the theme applies to the ampersand character and the css modifies the default style of the “special_amp” element. Please keep the css modification for now.

    If you want to directly apply the default font to the ampersand, please use this css code.

    .responsive #top .special_amp {
        font-size: 15px;
        font-weight: 400;
        font-family: 'rubik',Helvetica,Arial,sans-serif;
        font-style: normal;
    }
    

    Best regards,
    Ismael

    maybe you only deactivate the ampersand filter – try in your child-theme functions.php:

    add_filter('avia_ampersand','__return_false');
    

    or you can set the class inserted by that filter to be not special:

    .special_amp {
      font-family: inherit;
      font-style: inherit;
      font-size: inherit;
      line-height: inherit;
      font-weight: inherit;
    }
    #1335447
    onedesignprint
    Participant

    Hi

    We have whitespace displaying at the top when viewing on mobile phone.

    We have disabled the menu using code found in a previous support thread;

    .special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }
    @media only screen and (max-width: 767px) {
    .av-main-nav-wrap {
    display:none !important;
    }
    }

    Please help! Thanks

    #1314701
    jeremysecondary
    Participant

    Hey Guys,
    I am trying to make the small bar above the main menu have a solid background (#78bc1f) and stick to the top of the site.
    I was able to center the menu, but I can’t make the background a solid color or make the bar stick to the top of the page.
    This is the site: https://www.goddessgarden.com/

    This is a good example of another site on Enfold and how I want to look and function: https://premiumtufflock.com/

    I tried the “small bar above the main menu” advanced styling and it didn’t work.

    Here is the custom css on the site currently:
    #socket .copyright {
    width: 100%!important;
    text-align: center!important;
    }

    #top .aviaccordion-preview-title-wrap { background: rgba(119,188,31,0.9); }
    #top .aviaccordion-title { font-size: 25px; }

    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content * {
    color: black;
    }
    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    margin: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,249,245,0.98);
    }

    .avia-no-number { opacity: 1; }

    #top #header .avia_mega_div {
    max-width: 1080px;
    }

    /* Color section container width */
    #section-container-width .container {
    width: 100% !important;
    min-width: 100%;
    padding: 0;
    margin: 0;
    }

    .special_amp {
    font-family: inherit;
    font-size: inherit!important;
    font-style: inherit;
    font-weight: inherit;
    color: inherit!important;
    }

    /**
    * Changes the redirect URL for the Return To Shop button in the cart.
    *
    * @return string
    */
    function wc_empty_cart_redirect_url() {
    return ‘https://www.goddessgarden.com/store/&#8217;;
    }
    add_filter( ‘woocommerce_return_to_shop_redirect’, ‘wc_empty_cart_redirect_url’ );

    #top #header_meta {background-color: red!important; }
    .header_color .phone-info {color: white !important; }
    .av_phone_active_right .phone-info {
    float: none!important;
    text-align: center!important;
    }

    #top .av_header_transparency #header_meta {
    border-bottom: 75;
    }

    jleclair87
    Participant

    Recently I used the code from this thread https://kriesi.at/support/topic/centered-logo-shopping-cart-in-menu/ to put the shopping cart in the menu. The cart adds but the social media icons are not displaying in the right menu once I add this code. The social icons instead go to the left of the logo but I have already added a left header widget there so it just overlaps. I noticed several people are having issues with the shopping cart and the center logo with the menu underneath. Any help would be great on how to troubleshoot this!

    Here is the code i added to the child theme.

    <?php

    /*
    * Add your own functions here. You can also copy some of the theme functions into this file.
    * WordPress will use those functions instead of the original functions then.
    */

    // Header Widget
    add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( ‘header’ );
    }

    function cart_in_nav(){
    ?>
    <script>
    (function($){
    $(document).ready(function(){
    var width = $(window).width(), height = $(window).height();
    if ((width >= 768)) {
    $( “#menu-item-shop” ).appendTo( “#avia-menu.av-main-nav” );
    };
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘cart_in_nav’);

    and here is my css

    /* cart_in_nav */
    @media only screen and (min-width: 767px) {
    #top #header_main ul#avia-menu ul#menu-item-shop,#top #header_main ul#avia-menu ul#menu-item-shop a.cart_dropdown_link {
    display: block !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 1px 10px !important;
    border: none !important;
    box-shadow: none !important;
    }
    #top #header_main ul#avia-menu ul#menu-item-shop ul.woocommerce-mini-cart.cart_list.product_list_widget {
    width: 100% !important;
    height: 100% !important;
    }
    #top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart-item.mini_cart_item a {
    border: none !important;
    }
    #top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart__buttons.buttons a {
    border: none !important;
    }
    }
    /* end cart_in_nav */

    .special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }

    @media screen and (max-width: 900px) {
    #header .widget { display: none !important; }
    }

    #header .widget {
    left: 50px;
    right: auto;
    padding-top: 70px;
    position: absolute;
    top: 0;
    transform: translate(-0%);
    z-index: 999999;
    }

    #top .inner_product,
    #top .inner_product .inner_product_header {
    border: none;
    }

    #top .inner_product .inner_product_header .avia-arrow {
    display: none;
    }

    #1307612

    Hi,
    Thank you for your patience, and for the login to your site, your issue was with your Quick CSS custom css, I started by removing all of your css and adding it back a little at a time, I found some errors and tried correcting them, in the end these are the two rules that seemed to be cuasing the problem:

    #header .main_menu {
    /*background: gold;*/
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    }
    
    .av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
    }

    Please clear your browser cache and check.

    For your information, this was your original css:

    
    /* HEADER */
    
    .navbar, .page-title-section {
    display: none;
    }
    
    .inner-container {
    	position: relative;
    	height: 150%;
    	width: 100%;
    	margin-top: 0px;
    }
    
    .responsive .logo img {
    	margin: 45px 0 10px 0;
    }
    
    .header-introduction-small .section-head h1 {
    	letter-spacing: 0;
    	font-size: 40px !important;
    	font-weight: 100;
    	opacity: 0.6;
    	padding: 150px 0px 0px 0px;
    }
    
    #top .av-main-nav ul a {
    	width: 100%;
    	height: auto;
    	float: left;
    	text-align: left;
    	line-height: 23px;
    	padding: 8px 15px;
    	font-size: 17px;
    	min-height: 23px;
    	max-width: none;
    	text-decoration: none;
    	font-family: inherit;
    	text-transform: uppercase;
    }
    
    #top #wrap_all .av_header_transparency {
    	background-color: transparent;
    	color: #131313;
    	border-color: #ebebeb;
    }
    
    .header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
    	background-color: #000;
    	color: #fff;
    }
    
    .av-main-nav ul li:last-child > a {
    	border-bottom-style: solid;
    	border-bottom-width: 0px;
    }
    
    .av-main-nav ul li a {
    	border-right-style: solid;
    	border-right-width: 0px;
    	border-left-style: solid;
    	border-left-width: 0px;
    }
    
    /* BODY */
    
    #top .av_inherit_color a {
    	text-decoration: none;
    }
    
    .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
    	color: #fff;
    	line-height: inherit;
    	font-size: 26px;
    	font-family: 'cormorant-garamond','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
    	text-transform: uppercase;
    }
    
    #top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select {
    	border: 1px solid #F00;
    }
    
    #top #wrap_all .error .input_checkbox_label {
    	color: #F00;
    }
    
    .avia-cookie-consent a.avia_cookie_infolink, .avia-cookie-consent p, .avia-cookie-consent .avia-cookie-consent-button {
    	display: inline-block;
    	vertical-align: middle;
    	font-size: 18px !important;
    	letter-spacing: 0.05em;
    }
    
    .avia-button.avia-size-medium {
    	font-size: 16px;
    }
    
    strong, b {
    	font-weight: normal;
    }
    
    #top .av-flex-placeholder {
    	display: table-cell;
    	width: 1%;
    }
    
    
    /* FOOTER*/
    
    
    /* SOCKET*/
    
    #socket .copyright {
    	float: left;
    	font-size: 16px;
    }
    
    .socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover {
    	color: #ffffff;
    	font-size: 16px;
    }
    
    
    
    .av-main-nav > li > a {
    	padding: 0 23px;
    	font-size: 18px;
            text-transform: uppercase;
           font-family: 'cormorant-garamond','HelveticaNeue','Helvetica       Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
    	}
    
    
    
     @media only screen and (min-width: 780px) {
    /*In the below code nth-child(x) the value of x should be half the number of total menu items*/
    #top #header .av-main-nav li:nth-child(2) {
    /* Adjust the width of the logo */
    margin-right:15%;
    }
    
    #top #header .av-main-nav li:nth-child(3) {
    /* Adjust the width of the logo */
    margin-left:15%;
    }
    
    
    
    #header .main_menu {
    /*background: gold;*/
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    }
    
    .av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
    }
    
    #header .logo {
    left: 50%;
    transform: translateX(-50%);
    z-index:999;
    }
    
    #header .logo img {
    top: 20%;
    transform: translateY(-50%);
    max-width: 250px;
    }
    }
    
    
    /* Top Bar content alignment */
    
    #top #header_meta .container {
               display: flex;
               justify-content: center;
    }
    
    #top #header_meta .sub_menu {
               top:0;
    }
    #top #header_meta .sub_menu,
    #top #header_meta .social_bookmarks {
               align-self: center;
    }
    
    #top #header_meta .phone-info {
               order: 2;
    }
    
    #top #header_meta .phone-info span {
               display: flex;
               align-items: center;
    }
    
    #top #header_meta .sub_menu {
               order: 1;
    }
    #top #header_meta .social_bookmarks {
               order: 3;
    }
    
    
    #avia-menu {
    width:1300px !important;
    }
    
    #menu-item-551 {
        margin-left: 0 !important;
    }
    
    /*fabio burger menu */
     @media only screen and (max-width: 1199px) {
    #top #header .av-main-nav > li.menu-item  {
        display: none!important;
    }
    #top #header .av-burger-menu-main {
        cursor: pointer;
        display: block!important;
    }
    .container.av-logo-container .header_main_alternate .container{
    left:70%!important;
    }
    #avia-menu {
      float: right; 
       width: auto !important;
    }
    }

    and this is what you have now:

    /* BODY */
    
    #top .av_inherit_color a {
        text-decoration: none;
    }
    
    .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
        color: #fff;
        line-height: inherit;
        font-size: 26px;
        font-family: 'cormorant-garamond','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
        text-transform: uppercase;
    }
    
    #top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select {
        border: 1px solid #F00;
    }
    
    #top #wrap_all .error .input_checkbox_label {
        color: #F00;
    }
    
    .avia-cookie-consent a.avia_cookie_infolink, .avia-cookie-consent p, .avia-cookie-consent .avia-cookie-consent-button {
        display: inline-block;
        vertical-align: middle;
        font-size: 18px !important;
        letter-spacing: 0.05em;
    }
    
    .avia-button.avia-size-medium {
        font-size: 16px;
    }
    
    strong, b {
        font-weight: normal;
    }
    
    #top .av-flex-placeholder {
        display: table-cell;
        width: 1%;
    }
    
    
    /* FOOTER*/
    
    
    /* SOCKET*/
    
    #socket .copyright {
        float: left;
        font-size: 16px;
    }
    
    .socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover {
        color: #ffffff;
        font-size: 16px;
    }
    /*fabio burger menu */
     @media only screen and (max-width: 1199px) {
    #top #header .av-main-nav > li.menu-item  {
        display: none!important;
    }
    #top #header .av-burger-menu-main {
        cursor: pointer;
        display: block!important;
    }
    .container.av-logo-container .header_main_alternate .container{
    left:70%!important;
    }
    #avia-menu {
      float: right; 
       width: auto !important;
    }
    }
    /* Top Bar content alignment */
    
    #top #header_meta .container {
            display: flex;
            justify-content: center;
    }
    
    #top #header_meta .sub_menu {
            top:0;
    }
    #top #header_meta .sub_menu,
    #top #header_meta .social_bookmarks {
            align-self: center;
    }
    
    #top #header_meta .phone-info {
            order: 2;
    }
    
    #top #header_meta .phone-info span {
            display: flex;
            align-items: center;
    }
    
    #top #header_meta .sub_menu {
            order: 1;
    }
    #top #header_meta .social_bookmarks {
            order: 3;
    }
    #menu-item-551 {
        margin-left: 0 !important;
    }
    
    /* HEADER */
    
    .navbar, .page-title-section {
        display: none;
    }
        
    .inner-container {
        position: relative;
        height: 150%;
        width: 100%;
        margin-top: 0px;
    }
    
    .responsive .logo img {
        margin: 45px 0 10px 0;
    }
    
    .header-introduction-small .section-head h1 {
        letter-spacing: 0;
        font-size: 40px !important;
        font-weight: 100;
        opacity: 0.6;
        padding: 150px 0px 0px 0px;
    }
    
    #top .av-main-nav ul a {
        width: 100%;
        height: auto;
        float: left;
        text-align: left;
        line-height: 23px;
        padding: 8px 15px;
        font-size: 17px;
        min-height: 23px;
        max-width: none;
        text-decoration: none;
        font-family: inherit;
        text-transform: uppercase;
    }
    
    #top #wrap_all .av_header_transparency {
        background-color: transparent;
        color: #131313;
        border-color: #ebebeb;
    }
    
    .header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
        background-color: #000;
        color: #fff;
    }
    
    .av-main-nav ul li:last-child > a {
        border-bottom-style: solid;
        border-bottom-width: 0px;
    }
    
    .av-main-nav ul li a {
        border-right-style: solid;
        border-right-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
    }
    .av-main-nav > li > a {
        padding: 0 23px;
        font-size: 18px;
        text-transform: uppercase;
        font-family: 'cormorant-garamond','HelveticaNeue','Helvetica       Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
    }
    /* HEADER */
    
    .navbar, .page-title-section {
        display: none;
    }
        
    .inner-container {
        position: relative;
        height: 150%;
        width: 100%;
        margin-top: 0px;
    }
    
    .responsive .logo img {
        margin: 45px 0 10px 0;
    }
    
    .header-introduction-small .section-head h1 {
        letter-spacing: 0;
        font-size: 40px !important;
        font-weight: 100;
        opacity: 0.6;
        padding: 150px 0px 0px 0px;
    }
    
    #top .av-main-nav ul a {
        width: 100%;
        height: auto;
        float: left;
        text-align: left;
        line-height: 23px;
        padding: 8px 15px;
        font-size: 17px;
        min-height: 23px;
        max-width: none;
        text-decoration: none;
        font-family: inherit;
        text-transform: uppercase;
    }
    
    #top #wrap_all .av_header_transparency {
        background-color: transparent;
        color: #131313;
        border-color: #ebebeb;
    }
    
    .header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
        background-color: #000;
        color: #fff;
    }
    
    .av-main-nav ul li:last-child > a {
        border-bottom-style: solid;
        border-bottom-width: 0px;
    }
    
    .av-main-nav ul li a {
        border-right-style: solid;
        border-right-width: 0px;
        border-left-style: solid;
        border-left-width: 0px;
    }
    
    @media only screen and (min-width: 766px) {
    #top #header .av-main-nav li:nth-child(2) {
    /* Adjust the width of the logo */
    margin-right:15%;
    }
    #top #header .av-main-nav li:nth-child(3) {
    /* Adjust the width of the logo */
    margin-left:15%;
    }
    #header .logo img {
    top: 20%;
    transform: translateY(-50%);
    max-width: 250px;
    }
    #header .logo {
    left: 50%;
    transform: translateX(-50%);
    z-index:999;
    }
    }
    
    @media only screen and (min-width: 1200px) {
    #avia-menu {
        width:1200px !important;
    }
    }

    Best regards,
    Mike

    #1304841

    Hey shtzhang,

    Thank you for the inquiry.

    Did you add this css code?

    .main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .main_color .blog-categories a, .html_elegant-blog #top .main_color .blog-categories a:hover {
        color: #6786a1;
    }
    

    You may need to override it with the following css rule to change the color of the price on mobile view.

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
      .main_color .avia-pricing-row strong {
         color: #ffffff;
      }
    }
    

    Best regards,
    Ismael

    #1298130

    In reply to: Shortcodes not working

    Hi Nikko, I have been trying with a number of different short codes, all unresponsive except the first one.

    #top .social_bookmarks li a:hover {
    background: transparent!important;
    color: #f27222!important;

    button.mfp-arrow {
    display: none;
    }

    .special_amp {
    font-family: inherit;
    font-style: normal;
    font-size: inherit;
    font-weight: inherit;
    }

    .special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }

    #footer .news-time {
    display:none !important;
    }

    #portfoliobox-2 span.news-time {
    display: none;
    }

    .news-time {
    display: none;
    }

    #portfoliobox-6 .news-time {
    display: none;
    }

    #1268583

    In reply to: Theme Bug

    Hi kosmosdigital,

    We apologize for the delayed response.
    I have added this code in your Quick CSS, which fixed the issue with ampersand:

    .main_color .special_amp {
      color: inherit;
      font-family: inherit;
      font-size: inherit;
      font-style: normal;
      font-weight: inherit;
      line-height: inherit;
    }

    The mobile menu is also fixed.
    Please review your site and let us know if there are parts that still has some issue.:)


    @Guenni007
    Thanks a lot for helping out :)

    Best regards,
    Nikko

    #1267488

    In reply to: Theme Bug

    the class: special_amp gets all the color from .main-color a, .main-color strong etc pp

    you can overwrite the rules on :

    .special_amp {
        font-family: inherit;
        font-style: normal;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit !important;
        color: currentColor !important;
    }
    #1261540

    Topic: ampersign in titles

    in forum Enfold
    anma
    Participant

    Hello,

    I found the CSS to change the ampersign in TITLES > & to a normal sign but this does not work :

    .special_amp {
    font-family: inherit;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit !important;
    }

    Look here (private content) this is the company name and important to my client that this “&” appears normal, can you advise please?

    Thank you in advance, AB

    #1261359
    Ben
    Participant

    Hi,

    Thanks in advance for your great support with this theme.

    I’ve got a mobile-specific version of services icons on my frontpage but there’s a 1px horizontal line appearing between grid cells. I’ve tried setting border:0 but it didn’t get rid of it.

    Here’s the custom CSS I’ve got:

    .av_promobox { margin-top: 0px; }
    
    /*----------------------------------------
    // Grid cell gap
    //--------------------------------------*/
    
    @media only screen and (min-width: 990px) {
      #icons-grid .flex_cell {
          border-width: 24px!important;
          border-right-width: 0px!important;
          border-bottom-width: 0px!important;
          border-style: solid!important;
          border-color: #FFF!important;
    }
    
    #icons-grid .flex_cell:last-child {
        border-right-width: 24px!important;
    }
    /*----------------------------------------
    // CSS - Separator Styles
    //--------------------------------------*/
    
    /* Dotted line */
    .hr-inner {
        border: 2px dashed;
    }
    
    .special_amp {
        font-family: initial !important;
    }

    Thank you so much!

    Hi,

    Thank you for the update.

    You can use this css code to adjust the color of the links.

    .alternate_color a, .alternate_color .widget_first, .alternate_color strong, .alternate_color b, .alternate_color b a, .alternate_color strong a, .alternate_color #js_sort_items a:hover, .alternate_color #js_sort_items a.active_sort, .alternate_color .av-sort-by-term a.active_sort, .alternate_color .special_amp, .alternate_color .taglist a.activeFilter, .alternate_color #commentform .required, #top .alternate_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .alternate_color .blog-categories a, .html_elegant-blog #top .alternate_color .blog-categories a:hover {
    	color: #6786a1 !important;
    }

    Please add it in the Quick CSS field or the child theme’s style.css file, and toggle the Performance > File Compression settings afterwards.

    Best regards,
    Ismael

    #1220319

    In reply to: The & sign

    Every font gets that special ampersand because of a class .special_amp.

    Here’s what I did in my site custom css:

    .special_amp {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    }

Viewing 30 results - 1 through 30 (of 180 total)