Viewing 30 results - 1 through 30 (of 149 total)
  • Author
    Search Results
  • #1198218

    Hi,

    Thanks for the update. I couldn’t see any problems on your mobile menu, could you post a screenshot of it please? Or maybe I’m misunderstanding you, do you want the Roboto font for the sub menu items?

    You can remove the styling from the special amp by adding this CSS:

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

    Best regards,
    Rikard

    #1195023

    Hi Keith,

    Please try this CSS as well for the ampersand:

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

    Best regards,
    Rikard

    #1190745

    Hi,

    Thanks for the clarification. Please try this in Quick CSS:

    .special_amp {
        font-style: normal;
    }

    Best regards,
    Rikard

    #1190246

    found this line, a bit better, but the amp sign looks italic. how can i change that to nice lookin? :)

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

    #1168058

    In reply to: Special amp

    on base css line 379 there is :

    .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;}

    and on functions-enfold.php there is the function: avia_ampersand
    to rule the substitution. ( it set the ampersand sign between span tags with class: special_amp
    By the way if you gave that custom-class: special_amp to a whole text-block it will show you that styling.

    so a lot of users have the problem to get rid of it than to have the style.
    And : Baskerville is not a good Websafe Font – so it might not be seen the substitution on older Win Systems: https://www.cssfontstack.com/Baskerville

    #1167440

    Hey,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

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

    Best regards,
    Yigit

    #1164078

    Hey,

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

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

    Cheers!
    Yigit

    #1149051

    In reply to: Display the &

    Hi Mike,

    please have a look now. I resolved the issue of the & in the headline with the following code
    .special_amp {
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
    color: inherit!important;
    }

    However, it is still not displaying correctly in the audio player: if you click on the second song, you can see the wrong “True & Blue” instead of “True & Blue”. I managed to fix it with the first song but changing a letter and then saving the song file again but I cannot do this for each song? Is there a problem with encoding?

    Thanks
    Carolin

    Hi,

    Thank you for the update.

    Did you add this css code?

    .footer_color a:hover, .footer_color h1 a:hover, .footer_color h2 a:hover, .footer_color h3 a:hover, .footer_color h4 a:hover, .footer_color h5 a:hover, .footer_color h6 a:hover, .footer_color .template-search a.news-content:hover, .footer_color .wp-playlist-item .wp-playlist-caption:hover {
        color: #333333;
    }
    
    .footer_color a, .footer_color .widget_first, .footer_color strong, .footer_color b, .footer_color b a, .footer_color strong a, .footer_color #js_sort_items a:hover, .footer_color #js_sort_items a.active_sort, .footer_color .av-sort-by-term a.active_sort, .footer_color .special_amp, .footer_color .taglist a.activeFilter, .footer_color #commentform .required, #top .footer_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .footer_color .blog-categories a, .html_elegant-blog #top .footer_color .blog-categories a:hover {
        color: #aaaaaa;
    }
    

    Please try to reconfigure the General Styling > Footer style, then toggle the Performance > File Compression settings.

    Best regards,
    Ismael

    #1126461

    In reply to: Reiter Element Padding

    Hi jillinnemann,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .special_amp {
        font-size: 1em;
        line-height: inherit;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1126404

    Hey rhae,

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

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

    Best regards,
    Rikard

    #1126311

    rhae
    Participant

    I’m using the special heading for a portfolio item.
    The title is 3D Lighting & Render Artist, and is set in a custom font. The ‘&’ character though, is wrongfully displayed in another font.
    Looking at the code I see that the ‘&’ is set in a span, which might be the cause of the problem.

    <h1 class="av-special-heading-tag " itemprop="headline">3D Lighting <span class="special_amp">&</span> Render Artist</h1>

    Is there any way to get this right?
    The right font IS displayed in the masonry tile title on the homepage, so it should work.

    Best regards, Haiko Oosterbaan.

    #1125063

    In reply to: Ein Font Problem?

    Hi Ismael,
    ich habe die Zeilen modifiziert und es passt, vielen Dank für den Hinweis.

    .main_color .special_amp {
    color: inherit;
    }

    LG
    danielfangli

    #1125026

    In reply to: Ein Font Problem?

    Hi,

    Danke fur das update.

    Du konnen den folgenden CSS code verwenden um das Farbe des Symbol zu blau ändern.

    .main_color .special_amp {
        color: gray;
    }

    Lassen Sie uns wissen, ob es hilft.

    Best regards,
    Ismael

    #1124309

    In reply to: Ein Font Problem?

    Hey danielfangli,

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

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

    Best regards,
    Rikard

    #1123672

    Hi,

    Add this to quick css:

    .special_amp{
    font-family:Arial!important;
    }

    Best regards,
    Jordan Shannon

    #1122983

    Hi,

    The color of the heading and the sub heading in the Special Heading element should be exactly the same because they both inherit the inline style of the parent container.

    This is an actual markup of a special heading.

    
    <div class="av-special-heading av-special-heading-h3 custom-color-heading blockquote modern-quote avia-builder-el-0  el_before_av_heading  avia-builder-el-first" style="padding-bottom:10px; color:#7bb0e7;">
    <h3 class="av-special-heading-tag " itemprop="headline">Hello</h3>
    <div class="av-subheading av-subheading_below av_custom_color " style="font-size:15px;">
    
    Test Test
    
    </div>
    <div class="special-heading-border">
    <div class="special-heading-inner-border" style="border-color:#7bb0e7"></div>
    </div>
    </div>
    

    And this is the css that sets the heading and the sub heading to inherit the color #7bb0e7 of the parent container as shown in the markup above.

    #top #wrap_all .custom-color-heading .av-special-heading-tag, #top .custom-color-heading a, #top .custom-color-heading strong, #top .custom-color-heading .special_amp {
        color: inherit;
    }
    

    Where can we see the issue? Please provide a link to a page with a special heading element.

    Best regards,
    Ismael

    #1122588

    Hi,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

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

    Then clear your browser cache and check. If this doesn’t work for your please try adding !important; to each line of code like the last line.

    Best regards,
    Mike

    #1122353

    Hi Courtney,

    Please use this code instead:

    
    #top .avia-builder-el-4 h3 .special_amp,
    #top.page-id-11855 .custom-color-heading .special_amp {
        color: #a68c78;
    }
    

    Best regards,
    Victoria

    #1121783

    Hi,

    I should have said I’m using the Enfold theme with the Visual Artist Demo files.

    The demo has a css style for .special_amp.

    I’m hoping there can be an easy way of getting rid of the .special_amp. I don’t have the skills to create a child theme or edit the functions.php. I’m hoping there is an easier way.

    Can you provide a solution that I could copy/paste into the WordPress > Dashboard > Appearance > theme editor.

    Thank you,

    #1121589

    Hey Courtney,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top .avia-builder-el-4 h3 .special_amp {
        color: #a68c78;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1121132

    IngridSpielman
    Participant

    Hi,

    I don’t want the special_amp style in my theme. I’m using the Visual Artist theme – I had no idea this would be part of the theme.

    I’m hoping there can be an easy way of getting rid of the .special_amp. I don’t have the skill set to create a child theme or edit the functions.php.

    Can you provide a solution that I could copy/paste into the WordPress > Dashboard > Appearance > theme editor.

    Thanks very much,

    Ingrid.
    Sydney, Australia.

    #1098349

    Hi hunter_ncmed,

    I can see the mistake in this code already:

    
    .special_amp { color: i#54f442; font-family: Nobile; font-size: 24; }
    

    Please try it as

    
    .special_amp { color: #54f442; font-family: Nobile; font-size: 24px; }
    

    Best regards,
    Victoria

    #1096990

    Step by Step Reproduction of Issue:
    1. Make any change to any style in the General Styling Tab (Primary Color, Logo Area font color, Quick CSS) and after clicking the Save all changes button in blue in the bottom right hand corner; the animations and rollovers break as described in detail here: https://kriesi.at/support/topic/styling-header-main-menu-breaks-image-animations-counters-and-rollovers/

    2. Make any change to any style in the Advanced Styling Tab (Menu Links in overlay/slide out, Main Menu Links, All headings) and after clicking the Save all changes button in blue in the bottom right hand corner; the animations and rollovers break as described in detail here: https://kriesi.at/support/topic/styling-header-main-menu-breaks-image-animations-counters-and-rollovers/

    3. Quick CSS Validation (General Styling Tab)
    The only CSS that is in the Quick CSS section is the ampersand style that was baked into the template when purchased:

    .special_amp { color: i#54f442; font-family: Nobile; font-size: 24; }

    I want to change this too, but when I click the blue Save all changes button in the bottom right hand corner; all the animations and rollovers break as in detail here:
    https://kriesi.at/support/topic/styling-header-main-menu-breaks-image-animations-counters-and-rollovers/

    With all due respect Victoria, if you can’t identify this problem after all of the descriptions and images I have provided for you, can you please assign to another moderator to look at. It’s been almost 40 days of back and forth on this topic and you just don’t seem to grasp the issue at hand. I’ve never had so much difficulty on this forum identifying an issue and resolving it. I’m running out of time on this and just trying to get it resolved and you just can’t seem to get out of the gate on helping/resolving the issue. Not sure how I can be more descriptive about this. It seems that there is a glitch in the Styling tabs when saving any Enfold Theme Option. At least in my case. Something has been corrupted along the way and I have made no major changes to the theme since purchase, just plugging in my own assets. Never had an issue with the other Enfold themes we have purchased and redesigned. In fact we love the theme, but need to move forward.

    Thanks.

    #1095547

    Hey Carolin,

    Thank you for using Enfold.

    There is an empty paragraph tag in the special heading element, which increases the overall height of the section. This is the actual markup of the element.

    
    <h4 class="av-special-heading-tag " itemprop="headline"><span class="special_amp">“</span>I can’t believe how lucky we are to have a carnival come to our neighbourhood park – nowhere else in Vancouver can say the same!<span class="special_amp">”</span>
    <i>
    <p style="font-size:20px">J. Sears</p>
    
    </i><i></i></h4>
    

    Please remove the extra spaces at the bottom of special element content.

    Best regards,
    Ismael

    #1085342

    Hi Oliver,

    Sorry for the late reply. Your CSS is applying on my end, you might want to extend it using this though:

    .special_amp {
        font-family: "din-2" !important;
        font-style: normal;
        font-size: inherit;
    }

    Best regards,
    Rikard

    #1083389

    Hi,

    Add this to quick css:

    .special_amp{
     font-family:"DIN-2" !important;
    }

    Best regards,
    Jordan Shannon

    #1045849

    just a moment – sorry i first misunderstood your request.
    May I ask why the tags bother you when they have no effect on your appearance?

    if you like to get rid of the whole special treatment you
    can test this on child-theme functions.php:

    if(!function_exists('avia_ampersand')){
    	function avia_ampersand($content){
    		//
    	}
    }

    or if you only like to get rid of extra treatment for ampersand leave the quotes style in it

    if(!function_exists('avia_ampersand'))
    {
    	add_filter('avia_ampersand','avia_ampersand');
    
    	function avia_ampersand($content)
    	{
    		
    		// quotes
    		$content = str_replace("“","<span class='special_amp'>“</span>",$content); // left double quotation mark “
    		$content = str_replace("”","<span class='special_amp'>”</span>",$content); // right double quotation mark ”
    		$content = str_replace("„","<span class='special_amp'>„</span>",$content); // double low-9 quotation mark „
    		
    		
    		$content = str_replace("“","<span class='special_amp'>“</span>",$content); // left double quotation mark “
    		$content = str_replace("”","<span class='special_amp'>”</span>",$content); // right double quotation mark ”
    		$content = str_replace("„","<span class='special_amp'>„</span>",$content); // double low-9 quotation mark „
    
    		return $content;
    	}
    }

    by the way : every function introduced on wordpress via if(!function_exists
    can be handled this way of substitution in child-themes functions.php

    • This reply was modified 1 year, 3 months ago by  Guenni007.
    #1038189

    Hi Kinnear,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1035961

    Hey Victoria,

    thanks for your help – but the code does not change anything. I always get an error-message when I try to save the new code. I am using an Enfold child theme. This is all the code I am using in Quick CSS:

    .avia-section {
    min-height: 20px;
    }

    #footer, #footer p, #footer a { font-size: 12px !important; }

    .header_color .main_menu ul:first-child > li > a { font-weight: 400 }

    .container_wrap {
    border: none!important;
    }
    #header .mega_menu_title {
    font-weight: 400 !important;
    }
    html { background: #f7f7f7 !important; }

    #top .av-masonry-load-more { font-weight: 400 }

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

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

    .avia-slideshow-dots { display: none !important; }

    #footer .widget p {
    font-size:14px !important; line-height: 150%;
    }

    #footer #nav_menu-3 a {
    padding: 0;
    }

    #footer #nav_menu-4 a {
    padding: 0;
    }

    #footer #nav_menu-5 a {
    padding: 0;
    }

    Kind regards,
    Alex

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