Viewing 30 results - 5,491 through 5,520 (of 18,734 total)
  • Author
    Search Results
  • #1073076

    Hey,

    Please use code as following

    @media only screen and (max-width: 1024px) { 
    #top #wrap_all h1 { font-size: 30px !important; }}

    and make sure to flush cache. If that still does not help, please create temporary admin logins and post them here privately so we can look into it.

    Regards,
    Yigit

    #1073063
    vincentsalin
    Participant

    Hi,
    I would like to change my h1 font-size (to 30px) with a specific breakpoint (1024px).
    h1 is set on “advanced styles” with a 40px font-size, and has 30px size for 989px screen and less.
    I tried by adding this custom css, but doesn’t work :

    @media only screen and (max-width: 1024px) {
    .h1 {
    font-size: 30px !important;
    }}

    More generally, is it possible to change the 989px breakpoint to a 1024px breakpoint? It could be a great feature, because of all those tablets that are 1024/2048px (retina) displays.

    Thanks

    #1072999

    Oh, what exactly do you mean by 1/1 element???? Should I use the grid row? Or how would I have the layout the main content?
    And would that mean the sidebar stays fixed while scrolling?

    And would you be so kind and let me know the CSS Code for a full width submenu, to show the same font as in the actual top menu?
    #nav_menu-???? a {
    font-size: 13px;
    font-weight: 600;
    }

    THANKS Nora

    #1072995

    Hey NoraGTS,

    Thanks for the login details, I’m guessing you are referring to the front page when it comes to the sidebar? The reason why it’s showing there is because all the elements before it are full width, if you want it to show to the left or right then you will need to use for instance 1/1 element instead.

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

    #nav_menu-2 li a {
        font-size: 13px;
        font-weight: 600;
    }

    3. No we don’t have a demo like that unfortunately.

    Best regards,
    Rikard

    #1072843

    Hi,

    Are you referring to the product description? Try this code then.

    .woocommerce-product-details__short-description {
        line-height: 1.4em;
        font-size: 20px;
    }

    Use this to change the button color.

    div .main_color .cart .button {
        background-color: #ff9900;
        color: #ffffff;
        border-color: #000000;
    }

    Yes, an actual fix is going to be included in the next patch.

    Best regards,
    Ismael

    #1072684

    Dear Victoria!
    Thanks for your help! I reduced the font-size even more, I hope it works now on different tablet resolutions…
    Can you please have another look at this page: https://www.2eat-consulting.at/online-terminvereinbarung/ > the first of the red headlines (h5) “Ernährungsberatung” is still cropped on the right.
    Thanks!

    #1072650

    Topic: header widget area

    in forum Enfold
    ratoli
    Participant

    Hi,

    i have a new problem with my header widget. The search-icon don’t works on the woocommerce-sites. Take a look to botigo.de

    Here my modifications:

    functions.php

    add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
    
    function enfold_customization_header_widget_area() {
    	dynamic_sidebar( 'header' );
    }

    widget header (HTML)
    <a href="https://botigo.de/suche/">[av_font_icon icon='ue803' font='entypo-fontello' size='20px'][/av_font_icon]</a>

    I can’t find the problem.

    #1072437
    havi
    Participant

    I’ve downloaded and uploaded the fonts I wanted (Open Sans & Roboto) in zip format using the Enfold upload function. It took me a few tries but I finally did it.

    And even though the right sized fonts are chosen, they look different. I am adding both sites (staging with local fonts) and live (with Google fonts) and you will see what I mean. Just take a look at the H2. Everything looks way thinner on the Staging site.

    Thank you, in advance!!

    Havi

    #1072241
    metafora29
    Participant

    Hi guys
    Great theme – love it more every day!
    Quick question:
    I am working with tabs with quite complex content inside each tab (pasting shortcode into the tabs works beautifully). However, I am having a small problem with the vertical alignment in two of the tabs. For some reason there is a large gap at the top in the tabs “Fees” and “Dates”, even if the shortcode is exactly the same. I have tried all sort of things, like copying the contents of the other tabs bit by bit, changing the icon in the box at the top, but there is no way…
    I also have a question about styling: Please give me the css for font size and colour (active and inactive tabs) and background colour (active and inactive tabs).
    Thank you

    #1072166

    Hi,
    I found that I didn’t see the price error because of your Quick CSS. Now I see the error is in your woocommerce price suffix I then found that this is added in your settings woocommerce > tax > Price display suffix where you have this entered:

    {price_including_tax}, {price_excluding_tax}

    I removed this and it is now solved.
    Please clear your browser cache and check.

    I also removed your price css so that it won’t get used by mistake someday:

    .price .woocommerce-Price-amount.amount:nth-child(1),.price .woocommerce-Price-amount.amount:before{
    display:none!important;
    font-size:15px;
    }
    .price{
        font-size:0px!important;
    }

    Best regards,
    Mike

    #1072126

    Hi,

    Thanks for the update.

    That is the default hover style of the links. If you want to change it, use this css code.

    div .products .product a:hover {
        color: red;
    }

    And add this to change the font size.

    div .products .product a {
        font-size: 20px;
        line-height: 1.4em;
    }

    Best regards,
    Ismael

    #1071920
    NoraGTS
    Participant

    Hello,
    1. I would like to show a sidebar with an additional menu on my pages, but when I add a sidebar to the page, the sidebar will always show at the end of my page. I would like the sidebar to show right below the top slider on the left side of my page, and then there should be all the content to the right, and it should be scrollable. On top I have a menu as well.
    I added the sidebar under DESIGN to the very right of each page. Or would you add a custom widget area to the left side of the page? And if so, it doesn’t stay visible on scroll down. So I’m confused.

    2. Also, I would like the menu in the sidebar have the same font size as the menu on top.
    3. Do you have any demo using a top menu plus a sidebar menu?
    THANKS Nora

    #1071911
    Oli
    Participant

    Hi,
    I’m using Enfold 4.5.4 with the plugin Event Organiser 3.7.4 ans WordPress 5.1.
    Each event is a post with added fields for dates, etc.

    When we add a button (using the classic editor) by adding the av_button shortcode, it’s not displayed as it would be.

    For example, in the page https://www.imt.fr/events/event/limt-present-au-salon-jec-world-2019/, there’s, below the “en savoir +”link, a shortcode like this :
    [av_button label='En savoir plus' link='manually,http://www.jeccomposites.com/events/jec-world-2019' link_target='_blank' size='large' position='center' label_display='' icon_select='yes' icon='ue816' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='' admin_preview_bg='']
    And it is not displayed…

    Do you have a solution ?

    Best regards,
    Olivier.

    #1071575

    Hey restube,

    Thank you for using Enfold.

    The heading elements should be adjusting automatically on mobile view. Is the site live? Please post the site url so that we can inspect the element. We can use css media queries to adjust the font size for mobile view.

    // https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    Best regards,
    Ismael

    #1071487
    Sheraly93
    Participant

    Hi guys!

    I’m sorry to ask that! I saw plenty of threads about exactly that problem but they didn’t help me that much… I’m kind of a noob you could say…
    So I wanted to add this code from Mailchimp (that creates a popup) to my button:
    <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">window.dojoRequire(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us20.list-manage.com","uuid":"5d16b481dd4d7f425182909c7","lid":"171fe975db","uniqueMethods":true}) })</script>

    I tried a lot of the plugins some of you mentioned but as I saw they all create the popups and give me the code again or I can add them to the site so the popup shows up when you enter the site. But I want to let the popup show up when you press the button. I even tried to add the code somehow to the code below the Avia Layout Editor:
    [av_button label='JETZT DOWNLOADEN' link='manually,' link_target='' size='x-large' position='center' label_display='' icon_select='yes-right-icon' icon='ue82d' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-jsg7p3ys' admin_preview_bg='']
    But again no clue how to add it there!

    I’m a little bit overwhelmed because nothing seems to work right as I wish.
    Hope you can help me somehow because I think I’m going crazy after this 5 hours of frustration :D
    Thanks a lot!

    #1071459
    Bikul
    Participant

    Hello,

    I like to show a bigger image and fontsize for each “Reiter” of the “Registerkarte”, maybe 150 px imagesize, fontsize 24px.
    Is that possible?

    Thank you for Help
    Bernd

    #1071366

    In reply to: css codes

    Hi JoseAntonio,

    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 #wrap_all .header_color .av-menu-button-colored>a .avia-menu-text {
        border-radius: 10px;
        background-color: #13b7d8;
        border-color: #13b7d8;
    }
    #avia2-menu a {
        font-size: 14px;
    }
    

    Where do you want to move the secondary menu?

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1071309
    codecanyon4148
    Participant

    Hi,

    We found the quick css code (shown below) via your Forum to customise the sort options for portfolio items. Would it be possible to receive the code to replicate this customisation for blog posts please?

    #js_sort_items .inner_sort_button span, #js_sort_items .text-sep {
    font-size: 14px;
    }

    /* create each none active item as a button */
    #js_sort_items a {
    background-color: #FFFFFF;
    padding: 12px 16px 10px;
    border: 1px #333333 solid;
    }

    /* create each active item as a highlighted button */
    #js_sort_items .active_sort {
    background-color: #333333;
    color: #ffffff!important;
    padding: 12px 16px 10px;
    text-decoration: none;
    }

    /* add some space between the new button */
    #js_sort_items a {
    margin-right: 10px!important;
    }

    /* remove the seperator */
    .text-sep {
    display: none!important;
    }

    /* optional centre the buttons */

    .avia-fullwidth-portfolio #js_sort_items {
    text-align: center;
    }

    .av-masonry-sort a { font-size: 16px; }

    #1071050

    Hi,
    Sorry for the late reply, sorry I didn’t find how to change the sub category pages, but I was able to change the styling some with javascript and css, perhaps you would like this:
    2019-02-24-164638
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_script(){
      ?>
      <script>
    jQuery(window).load(function(){
    jQuery( '#top.archive .product-category.product:first' ).each(function() {
      jQuery( '<div class="inner_product_header"><div class="avia-arrow"></div><div class="inner_product_header_table"><div class="inner_product_header_cell">' ).insertBefore( 'h2.woocommerce-loop-category__title' );
      });
    
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');

    Then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.archive .product-category.product a img {
    height: 228px !important;
    }
    #top.archive .product-category.product .inner_product_header {
        padding: 0px !important;
        min-height: 10px !important; 
    }
    #top.archive .product-category.product h2.woocommerce-loop-category__title {
    font-size: 1.3em !important;
    min-height: 20px !important; 
    padding-bottom: 20px !important;
    text-align: center !important; 
    }

    Best regards,
    Mike

    Hi,
    Sorry for the late reply, I took a look at your footer post slider and see that at mobile, when the column are lined on top of each other there seems to be plenty of room, but stating at tablet size when the columns are side-by-side the text is too big. So I wrote this css to make the font smaller then:

    @media only screen and (min-width: 767px) and (max-width: 1441px) { 
    #av_section_2 .post-entry-1617 .slide-entry h3.slide-entry-title a {
    font-size: 12px !important;
    line-height: 12px !important; 
    }
    }

    after 1441px when the site is for desktop, there seems to be enough room again, so this code stops working.
    PLease add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field, and clear your browser cache.
    Please let us know if this helps.

    Best regards,
    Mike

    #1070999

    Hi,
    Sorry for the late reply, I took a look at your Mailchimp newsletter widget in the footer and found that the option as to which newsletter to use was not selected, I made a choice for you and now it works.
    Please clear your browser cache and check.

    For other people, if your mailchimp widget is not showing on pages that don’t use the ALB, try adding a shortcode to the page, such as this:

    [av_font_icon icon='ue82b' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' animation='' color='' av_uid='' custom_class='' admin_preview_bg=''][/av_font_icon]

    If this helps try creating a “whitespace” shortcode so it will help but without the icon.
    There is a issue that the dev team is working on to correct shortcodes and some widgets not showing in non-ALB pages.

    Best regards,
    Mike

    #1070963

    Hi,
    Perhaps add some images or icons to the links, are they the name of cities? Also perhaps a full-width search bar in the middle, like this:
    2019-02-24-092125
    To add a search bar, add this code to the end of your functions.php file in Appearance > Editor:

    add_shortcode('avia_search', 'get_search_form');

    then add a code block with the custom class “search-bar
    2019-02-24-093026
    and inside the code block add this shortcode:

    [avia_search]

    then add this css to your Quick CSS:

    #top .search-bar #searchform>div {
    width: 100% !important;
    max-width: 100% !important;
    }
    #top .search-bar input[type='text']#s {
    font-size: 32px;
    padding: 10px 60px 10px 20px; 
    }
    #top .search-bar #searchsubmit.button {
    width: 60px !important; 
    height: 60px !important;
    }

    It’s just a thought.

    Best regards,
    Mike

    #1070960

    Hey mslunsky,

    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 (min-width:768px) and (max-width: 1024px){
        .av-special-heading-tag {
            word-wrap: break-word;
            font-size: 1.8em;
        }
        .inner_sidebar, .content .entry-content-wrapper {
            margin-left: 30px;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1070753

    Hey Rikard,

    I doubt that’s been the issue since it happened on almost all the blog posts on (portrait view) smartphones. Rather because the template auto-justifies text in no-sidebar layouts.

    But I made the text align left now on devices below 767px using..

    @media screen and (max-width: 767px) {
    #top .fullsize .template-blog .post .entry-content-wrapper { 
    text-align: left;
    font-size: 14px !important; 
    }}

    ..which is not a perfect solution but at least it removes the spaces.

    Regards,
    Michael

    #1070670
    Maskenzauber
    Participant

    Hi,
    https://maskenzauber.com/shop/kopfschmuck/

    Second column is set to hide at “tablet” but it does not.

    Here is the code:

    [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' highlight_size='1.1' border='' border_color='' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='av-break-at-tablet' mobile_display='' av_uid='av-1az1wvg' custom_class='']
    [av_heading heading='Kopfschmuck / Headdresses' tag='h3' style='blockquote classic-quote' size='' subheading_active='subheading_below' subheading_size='15' margin='' margin_sync='true' padding='10' color='' custom_font='' 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-jl3xvhts' custom_class='' admin_preview_bg='']
    Phantastische Headdress-Kreationen
    [/av_heading]
    
    [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jktz0z53' custom_class='' admin_preview_bg='']
    TEXTCONTENT
    [/av_textblock]
    [/av_one_half]
    
    [av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='av-hide-on-mobile' av_uid='av-stkjak']
    [av_heading heading='Weitere Kategorien' tag='h3' style='blockquote classic-quote' size='' subheading_active='subheading_below' subheading_size='15' margin='' margin_sync='true' padding='10' color='' custom_font='' 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-jl404jyy' custom_class='' admin_preview_bg='']
    ..andere Schmuckstücke, Hüte und Masken…
    [/av_heading]
    
    [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jktyzzjp' admin_preview_bg='']
    [product_categories number="0" parent="0" columns="5" ids="391, 400, 420, 387, 393, 388, 401, 402, 392, 386, 390, 389, 396, 399, 395"]
    [/av_textblock]
    [/av_one_half]
    
    [av_heading heading='Produkte aus der Kategorie "Kopfschmuck"' tag='h2' link_apply='' link='' link_target='' style='blockquote classic-quote' size='' subheading_active='' subheading_size='15' margin='' padding='10' color='' custom_font='' custom_class='produkteaus' admin_preview_bg='' 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=''][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue887' font='entypo-fontello' av_uid='av-jktz5ypb' admin_preview_bg='']
    Becker_EBG
    Participant

    Hi,
    I added a cloud with tags (Schlagwörter) on our site https://www.ebg-rottenburg.de/ .
    If a user clicks on one of the tags, the correct results are shown, but in a way that is not ok:
    1) There is some html-code display underneath:
    [av_textblock size=” font_color=” color=” av-medium-font-size=”…
    2) The author and the date the page oder the blog-entry has been published is not neccessary. How can I hide these informations?
    Kind regards
    Ingo

    #1070501
    shannonjhester
    Participant

    I have sent in multiple tickets and responded to ticket #1067432 and I am not getting any responses.

    PLEASE HELP (see previous response below). No one is responding or helping with the issue. I am several days past my launch date.

    I am having prices being shown three times and the store itself is being duplicated on the store page.

    I tried what you suggested (creating a new page and using a grid) and it didn’t work. The page itself looked fine. I then changed the shop page to direct to the new page. The shop is still duplicated at the bottom. And in fact, when I open the newly created page (where i created my own product grid) it is now showing the orange bar/notice that reads “This page is set as the default WooCommerce Shop Overview and therefore does not support the Enfold advanced layout editor
    (Learn more)”. I have no idea how it defaulted to that by manually created the new page and the grid as suggested. I saw the other work around that is said to be more complicated. I am new to this wp, therefore not comfortable with editing a php file.

    Additionally, the shop page that is duplicated is showing the price 3 times – the woocommerce page and the page I created. A prior ticket was created requested a work around. I added the quick css script area under general styling as suggested and that did not work. My site is set to go live tomorrow and with all these suggestions that aren’t working – things are becoming more of a mess. Please help.

    quick css snippet you suggested:
    the script you told me to add to the quick css area: .price .woocommerce-Price-amount.amount:nth-child(1),.price .woocommerce-Price-amount.amount:before{
    display:none!important;
    font-size:15px;

    }

    .price{
    font-size:0px!important;
    }

    ————
    thank you,
    shannon

    Liv
    Participant

    The plugin WP Courseware creates courses with course ‘units’. So basically a unit is a type of page. However this unit doesnt suppport the Enfold builder it just supports the Classic Editor. Through the magic wand you can add shortcodes and add for example a toggle accordion like so:

    [av_toggle_container initial='0' mode='accordion' sort=''][av_toggle title='something' tags=''][wpcourse course=”5″ module=”1″ module_desc=”true” /][/av_toggle][/av_toggle_container]

    and a button like so

    [av_button label='go back' link='manually,/cursus' link_target='' size='medium' position='left' icon_select='yes' icon='ue888' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']

    However both are not working anymore. But i can see them in preview mode, just not when the page is live.

    Hey Sascha_2018,

    Thank you for using Enfold.

    You can use this css code to change the style of the post title in a grid layout.

    .html_elegant-blog .avia-content-slider .slide-entry-title {
        padding-top: 15px;
        font-size: 1.6em;
        font-weight: bold;
        color: red;
    }

    I translated your inquiry using Google, so I may have missed some part. let us know if you need anything else.

    Best regards,
    Ismael

    #1070148
    shannonjhester
    Participant

    Hello someone, anyone.

    I have sent in multiple tickets and responded to ticket #1067432 and I am not getting any responses.

    PLEASE HELP (see previous response below). No one is repsonding or helping with the issue. I am several days past my launch date.

    I tried what you suggested and it didn’t work. I created a new page with the product grid. The page itself looked fine. I then changed the shop page to direct to the new page. The shop is still duplicated at the bottom. And in fact, when I open the newly created page (where i created my own product grid) it is now showing the orange bar/notice that reads “This page is set as the default WooCommerce Shop Overview and therefore does not support the Enfold advanced layout editor
    (Learn more)”. I have no idea how it defaulted to that by manually created the new page and the grid as suggested. I saw the other work around that is said to be more complicated. I am new to this wp, therefore not comfortable with editing a php file.

    Additionally, the shop page that is duplicated is showing the price 3 times – the woocommerce page and the page I created. A prior ticket was created requested a work around. I added the quick css script area under general styling as suggested and that did not work. My site is set to go live tomorrow and with all these suggestions that aren’t working – things are becoming more of a mess. Please help.

    quick css snippet you suggested:
    the script you told me to add to the quick css area: .price .woocommerce-Price-amount.amount:nth-child(1),.price .woocommerce-Price-amount.amount:before{
    display:none!important;
    font-size:15px;

    }

    .price{
    font-size:0px!important;
    }

    ————
    thank you,
    shannon

Viewing 30 results - 5,491 through 5,520 (of 18,734 total)