Viewing 30 results - 84,961 through 84,990 (of 142,733 total)
  • Author
    Search Results
  • #740562

    Topic: blog styling

    in forum Enfold
    dweddell
    Participant

    Hi

    Have a blog on the home page of my website and I’s using the ‘Blog Posts’ feature from the Avia Layout Builder. This displays a small featured image at the top of each post.

    How do I set it up, so that the featured image is to the left of the blog post, in a similar way to the default blog page?

    kind regards

    Duncan

    • This topic was modified 9 years ago by dweddell.
    #740559
    qqtingbabe
    Participant

    Hi

    I tried to fix the problem by following this instructions, but still doesn’t work
    https://kriesi.at/support/topic/solution-to-google-maps-key-issues/

    Could you please help me to find out what’s the problem? thank you so much.

    Bergbursche
    Participant

    Hello Support

    please have a look here : https://fetzerl.ch/
    When using a desktop / large enough resolution everything is fine with the menu and the cart icon is shown correct.
    When using a mobile device where the menu shrinks down to “burger style” the cart icon is broken and shows up very small over the logo.

    What do I need to do to fix this?

    Another question:
    How to make the menu always show?

    #740535
    willyklok
    Participant

    Hi there,

    Maaike here, working with Enfold again on a new project :-)

    I have an issue with the behaviour of the menu/navigation bar.

    We choose to have it on the left.

    Depending on wether with of the non sticky/sticky options we choose, we miss the social media icons on the bottom or we get lots of white space when scrolling down. None of the 3 options in the enfold settings get’s is right.

    Can you help me to have the menu scrolling down until the last items are shown and than stop scrolling?

    I have made you a login if you want to come in and check it out.

    Thanks for your effort!

    Maaike

    #740530

    Thanks Andy

    I wanted to avoid LayerSlider (as it’s caused me issues in the past), but I managed to find an elegant solution by using a video background in a color section.

    Just 3 little things I need to fix (the first one may be a bug):

    1. If you open the homepage (that uses Enfold’s Fullscreen Slider) in one tab and /test2/ (that uses a color section at 100% height with an image background) in another tab and compare them – the images line up perfectly in desktop mode. But in a portrait mobile view /test2/ cuts off the girls hair. Don’t know if you’ve noticed this already, but I think it would make sense for the image to get pushed down by the same amount. Do you have a fix for this?

    2. If you look at /test3/ (color section with video background), I’d like to add a freeze frame of the man as a background image – so that while the video is loading the website still looks the same. To make it easier for you to notice I’ve purposefully not used a freeze frame of the video so that the image and video look completely different. Once the video is loaded, the image fades out to black and then the video kicks in.
    a) Is there anyway to turn off this fade out of the image?
    b) Can the black flash inbetween be avoided?

    3) Are video backgrounds for color sections always “Top Center” aligned? And can this setting be changed anywhere?
    e.g. it might be nice for me to change /test3/ to “Top Right” and that way the man will be visible in a portrait mobile view

    =)

    #740511
    itdirektgmbh
    Participant

    Dear all,

    I tried to remove the boarder of the enfold full screen slider but it worked only a little bit ;)

    I added to the Quick CSS:
    #main, .html_stretched #wrap_all {
    background-color: transparent;
    }
    #construyamos .avia-section { border: none; }
    .container_wrap { border-top-style: none; }
    #construyamos {
    border-top: 0;
    }`

    Then the bottom boarder in the middle was removed. But I want to have no shadows / boarder etc. because all pictures are optional.
    Do you have any suggestions what to do?

    Demo:

    -> How can I remove all grey border and shadows of the slider?

    Thank you very much.

    #740504

    Hi!

    The file is still causing 502 (Bad Gateway) error in the page. Please install the following plugin.

    // https://wordpress.org/plugins/heartbeat-control/

    Set the Control heartbeat locations to “Disable Everywhere” or set the frequency to 50 seconds. Or add this code in the functions.php file:

    add_action( 'init', 'stop_heartbeat', 1 );
    function stop_heartbeat() {
         wp_deregister_script('heartbeat');
    }

    Regards,
    Ismael

    #740501

    Hey!

    1.) Please add this css code.

    .current-menu-item a {
        color: red;
    }

    Unfortunately, this is not going to work if you’re on a single post page.

    2.) And add this css code.

    #top .av-subnav-menu li a:hover {
        color: red;
    }
    
    #top .widget_nav_menu a:hover {
        color: blue;
    }

    Regards,
    Ismael

    #740492

    Yeah I mean maybe you have input on the code here. I will doublecheck to make sure I am not missing a closing tag

    @media screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation:portrait) {

    .copyright {font-size:12px!important;}
    #mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {padding-left:40px;}

    .social .social_bookmarks {
    position:absolute;
    left:10%;width:300px;
    }
    #top .av-subnav-menu .avia-menu-text {font-size:100%!important;}
    .header {font-size:28px!important;}
    #footer {display:none;}
    .avia-caption-title h2 {font-size:30px!important;}
    .avia-caption-content p {font-size:24px!important;}
    font-size:30px!important;}
    #js_sort_items {left:60%!important;
    }}

    #740487

    Hey!

    I’m trying to access the site but it’s not loading. Please refer to the following thread and check the .htaccess file.

    // https://kriesi.at/support/topic/mailchimp-integration-stopped-working-again/#post-740471

    Regards,
    Ismael

    #740486
    alifeofwellevance
    Participant

    Hello,

    I am using a sticky transparent & glossy header but would like it to also stick to the top on mobile devices. I understand in the Header settings that is says sticky will be ignored by mobile, but I read in the forum from a moderator that it is possible/available. I would like it to behave like this enfold site on mobile: http://www.kts-tmgroup.com/en/

    I cannot seem to get it to work. I am thinking I may need to use custom CSS, but unsure.

    Any help is greatly appreciated.

    ****Update**** Found solution in forum. https://kriesi.at/support/topic/sticky-header-on-mobile/#post-639028

    • This topic was modified 9 years ago by alifeofwellevance. Reason: Found solution in forum
    #740480

    In reply to: Grid Row Width

    Hi!

    Thank you for the update.

    Could you please provide a screenshot of the “whitespace” issue? I don’t see any left or right white spaces. Anyway, you can remove the grey border with this css code.

    #after_submenu.container_wrap {
        border-top: none;
    }

    Cheers!
    Ismael

    #740474

    In reply to: responsive behaviour

    Hey td8000!

    Thank you for using Enfold.

    1.) Did you add any css modifications for the header? Try to adjust the top margin of the slideshow to prevent if from being covered by the header container.

    @media only screen and (max-width: 767px) {
         .av_slideshow_full.avia-slideshow {
             margin-top: 50px;
         }
    }

    2.) Yes, this is possible. Add this in the Quick CSS field.

    @media only screen and (max-width: 1024px) {
    .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
        display: none !important;
    }
    }

    3.) Could you please provide a screenshot of the site from your device?

    Best regards,
    Ismael

    #740472

    In reply to: Blogpost settings

    Hey idespiran!

    Thank you for using Enfold.

    1.) You can remove the widget thumbnail with this css code.

    .news-thumb {
        display: none;
    }

    2.) Set the masonry’s Size Settings to Flexible Masonry and make sure that featured images have the same size and ratio. The default thumbnail size used in the masonry element is 495x400px.

    3.) Please add this in the Quick CSS field to decrease the space between the text and the rounded image.

    p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
        margin-top: .5em;
    }

    Cheers!
    Ismael

    #740470

    Topic: hidden text on mobile

    in forum Enfold
    satucker
    Participant

    I’m working on http://firstimpressionsdentalassisting.com/program/

    In the “Open House” section on the desktop version it looks correct, however on the mobile version I see the words “Winter Session” above every Default Row entry. As I look at the table, I see that the text is nowhere on the page or in the table. What can I do?

    Desktop:
    https://www.dropbox.com/s/57hfdnaa8b864gn/Screen%20Shot%202017-01-30%20at%208.14.52%20PM.png?dl=0

    Mobile:
    https://www.dropbox.com/s/xmlm105zevh8wx9/IMG_4845.PNG?dl=0

    #740467

    Hey!

    Thank you for the update.

    There is a color section on top of the section with the image. Please try to shuffle the position of the section, update the page then revert them back to the original. Or post the login details here so that we can check the page.

    Cheers!
    Ismael

    #740465

    Topic: Socal icons on iphone

    in forum Enfold
    jamies123a
    Participant

    Hello, i have my site set up but cant seem to get the social icons working in the header for iphones

    The facebook icon shows up in the top header for computer and ipad but not for iphone .
    I have in header under extra elements display in top bar at right

    Hi!

    If you have the time, please remove the css modification that we provided then try this code in the functions.php file.

    // rtl submenu fix
    function ava_custom_script_rtl_submenu() {
    ?>
    	<script type="text/javascript">
    	(function($) {
    		function a() {
    			$('.html_header_right .rtl .av-main-nav li').on('mouseover', function(e) {
    				var lheight = 0,
    					second = $(this).find('ul'),
    					third  = second.find('ul');
    
    					$(second).find('> li > a').each(function() {
    					   lheight += $(this).height();
    					});
    
    					third.css('top', lheight);
    			});
    		}
    
    		a();
    	})(jQuery);
    	</script>
    <?php
    }
    add_action('wp_footer', 'ava_custom_script_rtl_submenu');

    Remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

    navindesigns
    Participant

    On my page I have two sets of accordion, the top one looks great but on the bottom one (titled MORE WAYS TO GIVE
    ) I would like to change the accordion toggles background colors to #f5f5f5f because it is currently clashing with the color section background color. Is it possible to change it JUST ONLY on this one area? I don’t want to change it globally on the site.

    Here is my page

    navindesigns
    Participant

    Hi,

    On my page at the top I am using the fullwidth easy slider – http://staging.wsmsnyc.org.s167849.gridserver.com/support-wsms

    Is it possible to change the CAPTION TITLE and CAPTION text font style ONLY on this one slider/instance?

    I would like the font GIVE FROM THE HEART to be “Open Sans Light, 53 pt” and the text GIVE WHAT YOU CAN to be “Open Sans Extra Bold, 55pt” Please see my mockup for what it should look like.

    Also, how do I make the button MAKE A GIFT larger (again JUST on this slider and any anywhere else)

    Mockup – https://postimg.org/image/c7r6z5ou5/

    #740447

    I’m kind of hijacking this thread but it’s a year old so I think it’s okay. I want to do the same thing.. link to show a specific tab open, but remain at the top of the page. If I make the link “…#tab-id-2”, it will scroll down to the tab automatically. I want that tab to be open but I don’t want it to scroll at all.

    Suggestions?
    Thanks!!

    Jonathan

    #740443

    I know this topic is quite old, but it seems like this issue never got fixed. I’m having the same exact problem: if I place the main menu (header) in a sidebar and then try to change the width of it in General Layout > Dimensions nothing happens.

    hypergolica
    Participant

    Dear Support,

    I’ve done some searching on this topic here in the support forum, and, while I see some have had similar trouble, I haven’t yet found an answer, so I’m hoping you can help.

    Basically, I have the Gravity Form here.

    The form is located at the bottom of the page in a Color section with the ID #form.

    If someone fills out the form, but doesn’t fill in all the required fields, the page refreshes to the top of the page, instead of anchoring where the form starts… and this makes it seem like the form has been successfully submitted.

    I contacted Gravity Form support and they gave me the following answer:

    This is issue is caused by your theme setup. You can confirm this by switching the site to a default WP theme (e.g. Twenty Sixteen) to test it. There are two workarounds that you can try:

    1. Enable AJAX on the form. If you don’t know how to do it check this doc page: https://www.gravityhelp.com/documentation/article/embedding-a-form/#shortcode-builder

    2. Use the following filter hook to disable the anchor by having the function return false, or you can return the pixel distance the page should scroll.

    See the following page of the documentation for usage examples: https://www.gravityhelp.com/documentation/article/gform_confirmation_anchor/

    PHP code usually goes in your theme functions.php file, check the following link for more details: https://www.gravityhelp.com/documentation/article/where-do-i-put-this-code/#php

    If you don’t want to edit the functions.php file of your theme, you can create a custom functions plugin, you can see a tutorial of how to do it here: http://justintadlock.com/archives/2011/02/02/creating-a-custom-functions-plugin-for-end-users

    If none of the above helps, you will need to contact with your theme support for further assistance (the fixed header is often the cause for this issue, you can also try to disable it if your theme allow it).

    So, I can’t use the AJAX option because I have installed the reCAPTCHA.

    I added the following filter hook to the function.php file, but it doesn’t seem to have any effect:
    /* Gravity Form fix for form anchor */
    add_filter( ‘gform_confirmation_anchor’, ‘__return_true’ );

    Might you have any suggestions on what could be done? Any and all insight you might provide would be much appreciated.

    Cheers,

    Tim

    #740383
    ping-pong
    Participant

    Hello,

    I couldn’t find a working solution in the already existing topics.
    So, I want to have more space between my sidebar (which hold a menu) and the main content of the pages. As the webside isn’t online yet, I attached two screenshots.
    The violet marked space on the left should be around double as wide (it’s between the yellow sidebar border and the text). Until now I only could figure out solutions where the sidebar gets smaller when I increase the space.

    Thank you in advance for your help!
    Regards.

    Somehow the pictures aren’t showing here…
    Screenshot 1: https://www.dropbox.com/s/lx4fzup1iqhfr3q/1.png?dl=0
    Screenshot 2: https://www.dropbox.com/s/vem079imjecr0gq/2.png?dl=0

    • This topic was modified 9 years ago by Yigit.
    #740379

    Hey Michael9001,

    You can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and choose to hide/display certain elements on mobile/desktop :)

    Best regards,
    Yigit

    #740364

    Hey!

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

    #top .av-logo-container .social_bookmarks li a {
        font-size: 24px;
    }

    Regards,
    Yigit

    Hi again!! I used your code for the top section of my site which is working perfectly:

    @media only screen and (max-width: 414px) {
    #cover {
    background-image: url(http://metamorfic.net/dev/JPLD/wp-content/uploads/2016/12/web-top-2.png) !important;
    }}

    But now I want to use it for some other colour section and it doesn’t work using the same code with different section ID. Ca you help?? Should I use css class? How do we add css class instead of ID?

    @media only screen and (max-width: 414px) {
    #entreprise {
    background-image: url(http://metamorfic.net/dev/JPLD/wp-content/uploads/2017/01/dessin1-1.jpg) !important;
    }}

    @media only screen and (max-width: 414px) {
    #entreprise-contenu {
    background-image: url(http://metamorfic.net/dev/JPLD/wp-content/uploads/2017/01/dessin1-1.jpg) !important;
    }}

    Dracmaservice
    Participant

    Hello,
    I need invert the buttons on portfolio item page, but the solutions I’ve find in this thread didn’t work for me (probably because the different Enfold version). I was not able to find the code you told in that thread.

    My version is 3.2.

    How can I do it?

    Thank you!

    Hi,

    you can find it out by adjusting the code Yigit provided to you above. Adjust it until it fit to your needs.

    Best regards,
    Andy

    #740282

    Hey Jihad,

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

    .rtl #mobile-advanced li > a:before, .rtl .html_header_mobile_behavior #mobile-advanced span > a:before, .rtl #mobile-advanced .mega_menu_title:before {
        left: auto;
        right: 0;
        margin-right: 10px;
        transform: rotate(180deg);
    }
    @media only screen and (min-width: 990px) {
    #top.rtl #header .social_bookmarks li:last-child {
        border-right: 1px solid #e2e2e2!important;
    }}
    

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

Viewing 30 results - 84,961 through 84,990 (of 142,733 total)