Viewing 30 results - 5,341 through 5,370 (of 142,866 total)
  • Author
    Search Results
  • #1439630

    In reply to: Logo with Text Block

    Hi,

    Thank you for the update.

    Please add this code in the functions.php file:

    add_filter('avf_logo_subtext', 'avf_logo_subtext_mod');
    function avf_logo_subtext_mod($sub)
    {
        $sub .= '<div class="av-logo-subtext">';
            $sub .= '<h1>Text</h1>';
            $sub .= '<p>subtext</p>';
        $sub .= '</div>';
        return $sub;
    }

    Adjust the text and subtext as necessary, then include the following code in the Quick CSS field:

    #top .logo a {
        display: flex;
    }
    
    #top .logo .subtext {
        padding: 20px 5px;
    }
    
    #top .subtext .av-logo-subtext p {
        line-height: 1em;
    }

    Best regards,
    Ismael

    #1439623

    Hi,

    Please include this css code to completely override the default dark style:

    #top div .av-dark-form .input-text, #top div .av-dark-form input[type="text"], #top div .av-dark-form input[type="input"], #top div .av-dark-form input[type="password"], #top div .av-dark-form input[type="email"], #top div .av-dark-form input[type="number"], #top div .av-dark-form input[type="url"], #top div .av-dark-form input[type="tel"], #top div .av-dark-form input[type="search"], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
        border-width: 1px !important;
    }

    Best regards,
    Ismael

    #1439616

    Hi,
    Try this CSS:

    #top .avia-content-slider .slide-image img,
    #top .avia-content-slider .slide-image {
    border-radius: 0;
    }

    Best regards,
    Mike

    #1439612

    From my point of view the topic can be closed now – thanks again.

    #1439598

    Hi,
    It looks like you have this custom css in a file named csshero-static-style-baars-1-00.css so I assume that is is from the csshero plugin:

    html > #top > #wrap_all > #header > #header_main > div {
      padding: 81;
      margin-right: 32.05px;
    }

    removing this css should solve.
    If you need further help please open a new thread so we can assist, as this is not your thread posting your admin login here will not be private and you will not see our comments in the Private Content area.

    Best regards,
    Mike

    elsmore01
    Participant

    Hi,

    Using the ‘table’ element and setting the first column as a ‘Description Column’ causes some strange behaviour on mobile (desktop is fine). The first <th> which is “Monday” is hidden, and instead the first <td> cells in each row have a ::before with a value of ‘Monday’.

    Is this how it’s supposed to work? I expected my <th> cells to display on mobile as they do on desktop (except stacked vertically of course)

    #1439585
    TBant
    Participant

    Hi

    I’m wondering if this is possible without hiding/unhiding elements

    I have a 2 column layout on desktop with a single image on the left/right depending on the section. I’d really like to have the image immediately under the heading (like attached) on mobile and also have the image underneath the heading in the div structure on desktop which I think would be beneficial for SEO… while having it look like the examples below.

    I’ve included some images below.

    I’m imagining I need to create one column and float the heading and text right and the image left. But this still isn’t working after attempting to try different codes.

    Hopefully I have explained this all correctly.

    desktop

    mobile

    How would I go about achieving this?

    • This topic was modified 1 year, 11 months ago by TBant.
    #1439579

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1439574

    or maybe this is nicer to handle:
    just change now the wanted value on root setting ;)

    :root {
      --blog-margin-left-value : 2%;
    }
    
    #top .slide-entry.av_one_third.first {
      margin-left: 0px ;
    }
    
    #top .slide-entry.av_one_third {
      margin-left: var(--blog-margin-left-value);
      width: calc((100% - 2 * var(--blog-margin-left-value)) / 3);
    }

    PS: if you like to have no space use 0px ( not only Zero)
    if you like to be more specific – use a custom class on blog posts element

    :root {
      --blog-margin-left-value : 5%;
    }
    
    #top .avia-content-slider.custom-class .slide-entry.first {
      margin-left: 0px ;
    }
    
    #top .avia-content-slider.custom-class .slide-entry.av_one_third {
      margin-left: var(--blog-margin-left-value);
      width: calc((100% - 2 * var(--blog-margin-left-value)) / 3);
    }
    #1439572

    it depends on how many columns you have choosen in the blog-post alb element
    this is for a 3 column the default setting. Because the first column should have no margin-left – you see how it works ( 100% width – 2 times margin left = 88) so for the columns: 88/3 = 29,3333

    .slide-entry.av_one_third {
      margin-left: 6%;
      width: 29.333333333333332%;
    }

    so if you only like to have 3% then it is:

    #top .slide-entry.av_one_third.first {
      margin-left: 0px ;
    }
    
    #top .slide-entry.av_one_third {
      margin-left: 3%;
      width: 31.33333%;
    }
    Chris_85
    Participant

    Hello,

    we use the “Product Grid” element on the homepage. Now it is the case there that if you use the sorting, for example by price, a parameter is appended by Enfold that sorts the products, for example “?avia_extended_shop_select=yes&product_order=price”. In addition, the page is reloaded after the sorting and the user is completely there again at the top of the page. Is there a solution so that after sorting the user is back at the location of the product grid element?

    i look forward to hear from you

    cheers

    Chris

    #1439547

    Hi,

    Thank you for the update.

    Please include this css code to adjust the border width of the textarea or message field:

    #top .avia_ajax_form fieldset .text_area {
        border-width: 1px !important;
    }
    

    Best regards,
    Ismael

    #1439544

    Hi,

    Thank you for the inquiry.

    We adjusted the css code a bit. Please try using the code below:

    #top .slide-entry-excerpt {
        display: none !important;
    }
    

    Best regards,
    Ismael

    #1439539

    Hey Aubin,
    I recommend downloading the theme zip file from your Theme Forest account and extract it to your desktop, then find the file “functions-enfold.php” and use it to replace the one on your site via FTP or your webhost file manager.

    Best regards,
    Mike

    #1439525

    Hi,

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

    #top div .av-dark-form input[type="text"], #top .av-custom-form-color .button {
      border-width: 1px !important;
    }

    Best regards,
    Rikard

    #1439516

    Hi,
    Try this css instead:

    @media only screen and (max-width: 479px) { 
    	#menu-item-shop .cart_dropdown_link {
        padding: 0;
    	}
    	.responsive #top #menu-item-shop.cart_dropdown {
    		margin-left: -64px;
    	}
    	.responsive #top #header_main>.container .main_menu .av-main-nav>li>a {
    		padding: 0 0 0 10px;
    	}
    	.responsive #top #header_main > .container .main_menu .av-main-nav > li.av-burger-menu-main.menu-item-avia-special > a {
    		padding: 0 0 0 42px;
    	}
    	.logo img {
        max-height: 70px !important;
    }
    }

    for this result:
    Enfold_Support_5370.jpeg
    To show a open search bar you would need to add a header widget and then increase the size of your header. But since it would take up room on the mobile devices do you think that it would be used by most of your visitors, or would the current search icon work for the few people that might use it?
    Enfold_Support_5373.jpeg

    Best regards,
    Mike

    #1439513

    Hi,
    Glad to help, please let us know if you need further help on this topic or if we should close this thread.

    Best regards,
    Mike

    #1439504

    In reply to: Mobile Display Issues

    Hi,

    It displays exactly the same on desktop if you check in a browser where you are not logged in. You need to login to WordPress first, then fill out the page password, otherwise it won’t display any content. Why that is I’m not sure of though, usually the password field is visible even if you are logged in or not.

    Best regards,
    Rikard

    #1439499

    Topic: Logo with Text Block

    in forum Enfold
    condonp
    Participant

    Dear Sirs,

    Can you please advise the best way to achive this screen shot using enfold theme. We want to be able to use it on mobiles as well as desktops (responsive). I have looked at the support documentation but cant see answer where we are using multiple lines of text as in our design.

    Many Thanks
    Peter

    #1439475

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1439473

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1439472

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1439471

    Hi Kenji,

    Thanks for reaching out to us. If you can’t access the account which was used to buy the license in question, then you would have to purchase a new license. Otherwise you will have this same problem every time you want to update or access the theme files. A license can be bought here: https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990

    Once you have access to the theme files, then the update to 5.7 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
    You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
    If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
    Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

    Best regards,
    Rikard

    #1439464
    Jason
    Participant

    hi there,
    i’ve had to specify a pixel width for the date of birth drop-down’s:

    #top #input_10_3_1, #top #input_10_3_2, #top #input_10_3_3 {min-width:100px;}

    they were set to:

    #top .gform_wrapper input, #top .gform_wrapper select {margin-bottom: 0;min-width: auto;}

    which causes them to collapse like so: https://share.cleanshot.com/lVTjRXMC

    this seems to be something to do with enfold as the above is set in the gravity-mod.css file which sits in /wp-content/enfold/config-gravityforms

    is this a known issue? can you help?

    When I go smaller, it stretches it and makes it look fuzzy. I have a handful of pages that have videos at the top . . . each fall back image is specific to the page.

    #1439454

    Hi,

    Thank you for the info.

    Have you checked the zoom settings of the browser on the other device? It’s possible that the browser is zoomed in, which could be making the text and headings appear larger. The font size of the heading tags is set to 1em.

    #top #wrap_all .av-inherit-size .av-special-heading-tag {
        font-size: 1em;
    }

    Best regards,
    Ismael

    #1439451

    In reply to: fade problem in hover

    Hey Yaphoon,

    Thank you for the inquiry.

    This css code should help fix the issue with the overlay:

    .grid-entry  .image-overlay {
        top: 0 !important;
    }

    Best regards,
    Ismael

    #1439450

    In reply to: portfolio category

    Hey Yaphoon,

    Thank you for the inquiry.

    You can use the same css code that we suggested in the previous thread (https://kriesi.at/support/topic/portfolio-category-page-style-changed/#post-1439049):

    .grid-content .avia-arrow, .tag .grid-content .avia-arrow {
        z-index: 10;
        border: none;
        top: -5px;
    }
    
    .grid-content .entry-content-header {
        z-index: 20;
        position: relative;
    }
    
    .grid-content {
        position: relative;
    }
    
    .grid-content .avia-arrow {
        border: none;
        top: -11px;
    }

    Best regards,
    Ismael

    #1439441

    In reply to: Mobile Display Issues

    Hi,

    My desktop is displaying ok, but my mobile displays no content, only header and footer.
    See screenshot in Private content.

    It looks like there is a #toggle that adds onto the url ?

    Thanks
    Marcus

    Tried that and this time it did not slow it down, but it did not speed it up either.

    Also, this is only on Mobile devices. My desktop performance score on pagespeed insights is 99 (never below 95), so I cannot help but think this is something related to code involved in making this sized for mobile?

Viewing 30 results - 5,341 through 5,370 (of 142,866 total)