Viewing 30 results - 4,261 through 4,290 (of 18,733 total)
  • Author
    Search Results
  • Actually, no your code is not working. Using the Enfold font size options seems to be working now, except the max font size is 40pt when I need 54pt. The title text is now P instead of H1. The second line of text is now P instead of H2. But it’s not big enough. Please take a look and let me know what’s wrong.

    #1177970

    Hi Ismael,
    the new breakpoint that we added only works, if we add “av-desktopl-hide=” in /includes/helper-privacy.php line 1786:

    $sc_content .= “[av_heading tag='h3' padding='10' heading='{$heading}' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktopl-hide='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' margin='10px,0,0,0'][/av_heading]“;

    and add “av-desktopl-hide” to /includes/helper-privacy.php (line 1786)

    $displays = array( ‘av-desktopl-hide’, ‘av-desktop-hide’, ‘av-medium-hide’, ‘av-small-hide’, ‘av-mini-hide’ );

    You said “You may need to copy the whole av_privacy_class in your child theme.”
    I’ll see if can figure that out – unless you want to give me one last advice on how to accomplish that and then I am gone (and happy).
    Thanks,
    Michael

    • This reply was modified 6 years, 2 months ago by 0rca. Reason: Having trouble with the code tags.. :-(

    Hi G4Design,

    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 .av-subnav-menu li:hover a {
      color: #444;
      font-size: 20px;
    }
    

    I added the font-size rule for you so that you can see if the jumping menu is ok for you or not. You can remove it if you don’t need it.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    Hi neverstar,

    Are you referring to this heading?

    You can play with this css:

    
    @media only screen and (max-width: 767px) {
      #top #wrap_all .av-inherit-size .av-special-heading-tag {
          font-size: 32px;
      }
    }
    

    Best regards,
    Victoria

    #1177740

    Hi,

    Can you search and find the following in css:

    .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
    color: #fff;
    height: auto;
    line-height: inherit;
    font-size: inherit;
    }

    and comment out height and line-height

    Best regards,
    Jordan Shannon

    #1177476

    Hi Rikard,
    Par exemple, ligne 203 de l’éditeur de css wordpress j’ai demandé de mettre un titre h3 en orange :

    #introhome h3 {
    font-size: 1.8em;
    font-weight: 100;
    margin: 5% 18% 1.5% 18%;
    text-transform: uppercase !important;
    padding-top: 0px;
    text-align: center !important;
    width: 64%;
    color: #f07238 !important;
    }
    And nothing happens after saving the change.
    I have to deactivate and activate the compression of css in performance again.

    Best regards,

    #1177472

    Hi mguillou5670,

    You would have to wrap the letter in question in a html markup and add a class to it, for instance:

    <span class="large-letter">Y</span>our headline

    Then add this to Quick CSS:

    .large-letter {
      font-size: 100px;
    }

    Best regards,
    Rikard

    #1177404

    In reply to: CSS Edits Needed

    Hi,

    Add this to quick css:

    #header_meta a,
    #header_meta .phone-info{
    font-size:16px!important;
    }

    Best regards,
    Jordan Shannon

    Hi,

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

    .av-masonry-entry-title {
        font-size: 1em;
        font-weight: 100;
    }

    Best regards,
    Rikard

    #1177352

    In reply to: CSS Edits Needed

    That worked! Can you tell me how to bold or increase the font size of that text in that top bar?
    Thanks!

    #1177346
    dreamreader
    Participant

    On desktop the font size of all my textboxes (paragraph) is the same.
    How comes that on mobile there are different text sizes?
    Same page, different font sizes in the different textboxes.
    Can anybody explain and help?
    Thx

    #1177273

    Hey Carolina,

    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

    
    @media only screen and (max-width:767px){
        #top h3 strong,
        .main_color strong {
            font-size: 34px;
        }
    }
    
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1177179
    Masonry_Fiend
    Participant

    Hi, I’m trying to display a post in a page with shortcode, for example in a iconbox content block: [post-content id=4643]
    As long as I’m editing the post itself with the Default Editor everything works fine. Now I want this post being possible to be edited in the Advanced Layout Editor. But as soon as I use the Advaced Editor to edit the post and save it the referred post in the page is no longer displayed.
    When I take a look at the original post I can see in Default Editor Mode that a line has been added:
    [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-k5mn5oj6' admin_preview_bg='']
    When I delete this line and save the post it will display on the page again.
    Any ideas how to work with the Advanced Layout Editor? WP and theme are up to date. (Theme version is 4.5.3)

    • This topic was modified 6 years, 2 months ago by Masonry_Fiend.

    Hi Nikko,
    I am so sorry, but I don’t want applied the attr to the image, I want applied the title of the image (post thumbnail)
    as title to the postlink. So I can use…

    Blog element:

    .avia-content-slider a.slide-image:after {
        content: attr(title);
        font-size: 11px;
    }

    Magazin element:

    .av-magazine a.av-magazine-thumbnail-link:after {
        content: attr(title);
        font-size: 11px;
    }

    This will show the content of the image title (set in mediathek) for the link tag title of the post.
    I need this to show the image licensing below the image. (See link in private conent)

    Thank you again and best regards
    Mike

    #1177086

    Hey Stewart,

    Please send us a link to where we can see the element in question. If you can’t do that then you can use a media query to specify the code you added above a certain pixel value, for instance:

    @media only screen and (min-width: 990px) {
    .av-hamburger strong {
      display: block!important;
      position: absolute;
      left: -90%;
      top: 0;
      font-size: 20px;
      transform: translate(-90%, -44%);
    }
    }

    Best regards,
    Rikard

    #1176966

    Topic: CSS Edits Needed

    in forum Enfold
    thebirdbath
    Participant

    The temp site is here: https://sleekwebmarketing.com/forged/
    1. CSS to make the bar on top of the menu bar larger in height. The very top bar with the phone number and client login. Also want to increase the font size a bit and make bold

    2. The “Forged” company logo on the menu bar on top left, needs to have some space on the top and above menu bar. What CSS do I need to make that happen?

    NOTE: I assume I can put your recommended CSS edits under “General Styling” and “Quick CSS”?

    #1176952
    Jen
    Participant

    Hey there! I setup the split-menu header at cindyjonesassociates.com like you outlined here (Header Layout: Widget left, Logo center, widget right, menu below). Very helpful, thank you! Instead of having the logo in the center, we replaced it with the text “&”.

    Here is the problem. If you view the site on mobile, the “&” does not stick in the header on scroll. All the other components (widgets, menu) are sticking nicely.

    Here is the custom CSS for the element “&” that isn’t sticking with <position: fixed !important;>

    /*------------------------*/
    /*Header:MIDDLE "&" Symbol
    /*------------------------*/
    #header_main:after {
    font-family: 'Playfair Display', serif;
        content: '&';
        font-size: 3em;
        width: 2em;
        position: fixed !important;
        left: 49%;
        top: 10% !important;
      	color: #FF3333;
    }

    Thanks!

    #1176762

    Hi,

    Sorry for the late reply!

    I edited your slides one by one and adjusted font sizes on mobile devices. Attached a screenshot in private content field.
    Please review your website :)

    Best regards,
    Yigit

    Mike61
    Participant

    Hi Team,

    I need an output of alt or title (text) below featured image in magzin- and blogelement (Listing).
    For an single post I can use this:

    .single-post .single-big a.lightbox-added:after {
        content: attr(title);
        font-size: 11px;
    }

    But the image links in linsting of magazin- or blogelemnt have no text (blogelement) or wrong text (magazinelemnt hast permalink as text in title) for the attributes. What can I do to fix this?

    Thank you and best regards
    Mike

    • This topic was modified 6 years, 2 months ago by Mike61.
    #1176691
    DesignPOD
    Participant

    Hi Guys,

    Ive added this following code to add the word menu to the burger menu in desktop view,

    /*————————*/
    /* Add word menu next to hamburger icon
    /*————————*/
    .av-hamburger strong {
    display: block!important;
    position: absolute;
    left: -90%;
    top: 0;
    font-size: 20px;
    transform: translate(-90%, -44%);
    }

    and that is working fine except for a small problem

    In mobile view there is a overlap of the logo and the word menu –

    i think the best solution is to keep the word menu in desktop view – but remove it for mobile views

    can you guys provide me with some css to do this.

    Thanks

    Stewart

    #1176655

    Hi Ismael,
    thank you for that hint. If I understood you correctly, should it work like this in the shortcode:

    array(	
    								'type'				=> 'template',
    								'template_id'		=> 'screen_options_toggle',
    								'templates_include'	=> array(
    															$this->popup_key( 'new_breakpoint' ),
    															'screen_options_visibility'
    														)
    							),

    and then later in the same file

    protected function register_dynamic_templates()
    		{
    			global $avia_config;
    // existing code goes here.................................................
                              /**
    			 * Advanced Tab
    			 * ===========
    			 */
    			
    			$c = array(
    						array(	
    									'desc'              => __( 'Hide on very large screens (wider than 1280px - eg: Large Desktop)', 'avia_framework' ),
    									'id'                => 'av-desktopl-hide',
    									'std'               => '',
    									'container_class'   => 'av-multi-checkbox',
    									'type'              => 'checkbox'
    								),
    				);
    			AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'new_breakpoint' ), $c );
    		}

    The entry shows up in the shortcode popup but it isn’t applied. What am I missing? Naturally I have the correct CSS in place like this:

    @media only screen and (min-width: 1280px){
    
    .responsive.av-no-preview #top #wrap_all .av-desktopl-hide,
    .responsive.av-no-preview #top #wrap_all .av-desktopl-font-size-hidden,
    .responsive.av-no-preview #top #wrap_all .av-desktopl-font-size-title-hidden{display:none;}
    }
    }
    
    @media only screen and (min-width: 990px)  and (max-width: 1279px) {
    .responsive.av-no-preview #top #wrap_all .av-desktop-hide,
    .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden,
    .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden{display:none;}
    }

    Thanks for your valuable input.
    Cheers, Michael

    #1176591

    In reply to: My icon is disappear

    Hi,

    Thank you for the update.

    You can adjust the main menu style in the Enfold > Advanced Styling panel. Look for the Main Menu Links element under the Main Main section. Or use this css code.

    .av-main-nav > li > a {
    	font-weight: normal;
    	font-size: 12px;
    	font-weight: 600;
            font-family: “Microsoft JhengHei”,”微軟正黑體”,sans-serif
    }
    

    Best regards,
    Ismael

    #1176564

    Topic: Form dropdown field

    in forum Enfold
    navindesigns
    Participant

    On my page at the bottom, I have a gravity forI was able to style the text field via CSS but I am unable to style the dropdown to match. Please assist.

    I used the following CSS which works for the text input fields but not the dropdown fields

    body .gform_wrapper input[type=’text’], select {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid white !important;
    margin-bottom: 20px !important;
    font-weight: none !important;
    font-size: 20px !important;
    text-align: center !important;
    font-family: ‘Lato’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif !important;
    color: #fff !important;
    }

    #1176401

    Hi Melanie,

    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

    
    .html_header_sidebar #top #wrap_all .fullsize .template-blog .single-big .post-title {
        font-size: 22px;
    }
    #top .fullsize .template-blog .post .entry-content-wrapper p {
        font-size: 14px;
    }
    .html_elegant-blog #top .post-entry .post-meta-infos {
        border: none;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1176306

    In reply to: Fatal error

    Solved, there is a mistake on line 981 of /enfold/config-templatebuilder/avia-shortcodes/timeline/timeline.php

    I changed

    if( !rray_key_exists( ‘font-size’, $this->title_styling ) )

    to:

    if( !array_key_exists( ‘font-size’, $this->title_styling ) )

    Thanks

    • This reply was modified 6 years, 2 months ago by Gabri.
    #1176115

    Hello again,

    Victoria could you please help me with my first topic concerning the fontsizes in the blog overview page and the borders?
    Blogtitle should be H3 (22 pt), text like body 14 pt, subtitle 16.

    And the borders between the blogposts. Actually there are 3. It should be one exactly in the middle of two posts.

    Thank you,
    Melanie

    #1176055

    In reply to: Forum

    Hi Harry,

    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

    
    .bbp-forum-title, .bbp-forums {
      font-size: 16px;
    }
    

    Please have a look here:
    https://wordpress.org/plugins/tags/profile-widget/

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1176024
    Maskenzauber
    Participant

    Please see here (Victoria & Jordan, please skip this thread):
    https://maskenzauber.com/temp/slider-foobar.jpg

    Until your latest update is was possible to do this:

    [av_slide_full slide_type='image' id='3703' video='https://' mobile_image='' fallback_link='https://' video_format='' video_ratio='16:9' title='<a href="https://maskenzauber.com/masken-shop/federmasken/">Venezianische Masken</a>' heading_tag='' heading_class='' custom_title_size='19' custom_content_size='' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button' link='lightbox' link_target='' button_label='Masken-Shop' button_color='dark' link1='page,3834' link_target1='' button_label2='Click me' button_color2='light' link2='manually,https://' link_target2='' font_color='' custom_title='' custom_content='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-3j4zdw']
    Wir fertigen prunkvolle Federmasken und Charakterlarven für einen venezianischen Maskenball.
    [/av_slide_full]

    Since your update its not possible anymore and everyone sees the HTML.
    This is one of your “worsenings” coming with an update.
    Why dont you try o give your users more usefull options instead of narrowing them?

    So…how do i get back my slider with a linked header??

    M

    #1175956

    Hallo Sabine,

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

    .sidebar .widgettitle {
        text-transform: none;
        font-size: 18px;
    }

    LG,
    Rikard

    BelIblis
    Participant

    Hi,

    I have a client who’d like to have a picture-based secondary Navigation underneath a Layerslider element. The Navigation should have some kind of “Mac OS dock” zoom effect:
    6 pictures next to each other, each picture enlarges on hover.

    Here’s a rough example layout:

    Navigtion Example (enlarge on hover)

    Text below the images is optional. Ideally, the enlargement effect should be smooth/animated, and the text size should also increase/decrease. But if that’s not possible, I could maybe convince him to go for a non-animated solution, with fixed font size.

    Is this possible with CSS only? Or would someone here be able to point me towards a plugin that would work with Enfold. (I don’t mind paying for it – commercial plugin is fine. But I guess bespoke coding would be too expensive for the client).

    My initial thought was to have a horizontal grid of 6 images, but Enfold only allows a grid of 5. Another option could be Enfold’s Horizontal Gallery – but that doesn’t allow for headlines, and it doesn’t allow to link the image to another page.

    It’d be great if someone here could point me in the right direction.
    Thank you!!

Viewing 30 results - 4,261 through 4,290 (of 18,733 total)