Viewing 30 results - 97,801 through 97,830 (of 142,832 total)
  • Author
    Search Results
  • #609661

    In reply to: Mega Menu Styling

    Hi!

    You have following inline CSS

    #top .main_menu ul.menu li a {
        color: rgba(255,255,255,1)!important;
        font-family: Open Sans!important;
        font-size: 14px!important;
        font-weight: normal!important;
        letter-spacing: 2px!important;
        text-transform: none!important;
    }

    that overrides the code i posted. That is probably the reason why advanced styling is not working on your end. Please remove the code and check once again :)

    Best regards,
    Yigit

    #609621

    Hey paulhelwig!

    Please add following code to Quick CSS instead

    .html_header_top.html_logo_center .logo {
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    Cheers!
    Yigit

    #609618

    Hey!

    Please copy unmodified file and paste it inside enfold-child folder and edit the line i mentioned above and find following line at the top

    <?php  if (  ! defined( 'AVIA_FW' ) ) exit( 'No direct script access allowed' );

    and change it to

    <?php 

    then add following code to Functions.php file of your child theme

    require( 'class-form-generator.php' );

    Regards,
    Yigit

    #609613
    #609607

    Hey matchez!

    what exactly don’t you like about parallax effect on mobile devices? maybe we could help to achieve a better result?

    You could try to build a completely new elements (without parallax effect) using ALB which you hide on desktop and show on mobile only (and vice versa).

    Regards,
    Andy

    #609573

    Hey Nicoletta_DUS!

    du kannst das Logo vergrößern mittels CSS:

    #top .logo img {
    width: 200px;
    height: 200px !important;
    max-height: 200px !important;
    }
    

    Cheers!
    Andy

    #609543

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 1270px) and (min-width: 990px) {
    .logo img {
        max-width: 57%;
        top: 20px;
    }}

    Best regards,
    Yigit

    #609542

    Hi!

    it’s working for me when I use this code:

    .custom-padding .avia-image-container-inner {
    max-width: 846px !important
    width: 846px !important
    margin-left: -10px;
    margin-top: 10px;
    }
    

    Adjust the values as needed.

    Regards,
    Andy

    Ismael
    I dont only want to use this for the header but also the rest of the body as well. please see http://www.peter-test3.co.uk. and mae site

    I have tried entering this in the css and altered the header behaviour but only see colour #dedede I am trying to get a slightly transparent effect like the mae site using colour with opacity.

    If I add the opacity and rgba as below still no opacity shows !! Can you please help

    .main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover, .main_color.avia-fullwidth-portfolio .pagination .current, .main_color.avia-fullwidth-portfolio .pagination a, .main_color .av-hotspot-fallback-tooltip-inner, .main_color .av-hotspot-fallback-tooltip-count {
    background-color: rgba(222, 222, 222, 0.2);
    color: #666666;
    }

    • This reply was modified 9 years, 11 months ago by condonpb.
    #609518

    Hi!

    use this code in Quick CSS fiel to move it down:

    h3.layer-textbox, .layer-textbox p {
    position: relative;
    top: 10px;
    }
    

    and adjust as needed.

    Regards,
    Andy

    #609492

    Hey Lisa!

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

    .avia-menu-fx .avia-arrow-wrap .avia-arrow {
        top: 8px;
    }

    If that does not help, please post a screenshot showing the changes you would like to make :)

    Best regards,
    Yigit

    #609477

    Topic: Hide mobile menu

    in forum Enfold
    Asterios
    Participant

    Hello to the team!

    I have activated the option to use a diferrent menu on smartphones and tablets (http://kriesi.at/documentation/enfold/changing-the-menu-on-mobiles/).

    I would really like to try other responsive menus e.g. as plugin, so could you please provide me the code to hide the Endold-Menu in responsive mode but stil keep the main menu on desktops?

    Thank you in advance
    Asterios

    http://www.koelner-musikakademie.de/

    sambo258
    Participant

    How to align images that show in the masonry gallery to align “top centre”,

    Many thanks in advance, warm regards, Sam.

    #609465

    Unfortunately logo when scrolling is not shrinking. It cut off about 30px from the top

    #609459

    Topic: Mobile queries

    in forum Enfold
    ac
    Participant

    Hi, I have a few queries on mobile rendering.

    1. the logo is not showing in mobile view. can’t see why as it’s an appropriate size, although i do have some custom CSS in to give the logo padding which was needed for desktop – perhaps it’s that?? Link below.

    2. when I view the content page on mobile, it starts with the alternate colour as obviously the navigation goes to mobile. How can I put a darker purple border at the top to make it stand out a bit? I tried adding a simple border to the top of the colour section but it didn’t make any difference.

    3. I have the G+ logo showing in the top header which is fine on desktop but doesn’t look right on mobile as it takes up a whole extra line – can I make it not show at the top on mobile

    4. On the home page, the full width slider doesn’t show on mobile – can I make it so that it does?

    Finally a non-mobile query: on desktop, I have the navigation showing centrally on a coloured background. Is there a way to make the coloured (dark purple) banner deeper? I don’t want to enlarge the text any more, just have a deeper navigation area.

    Links below, thank you for your help

    #609442

    Hey!

    Add this in the Quick CSS field:

    .container.av-logo-container .logo {
        width: 211px !important;
        height: 88px !important;
        top: -30px;
    }

    Adjust the value as needed.

    Best regards,
    Ismael

    #609438

    if you want no animation at all:
    but the images has to load on page load – this animation “mimics” that loading time – the non animation mode looks very boaring – sorry
    btw. if you only want to influence some Masonries you have to use custom css class.

    .avia_desktop.avia_transform3d .av-masonry-entry {
        perspective: none;
    }
    .avia_sortable_active .isotope {
        transition: none ;
    }
    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
        animation: none;
    }
    .av-masonry-image-container, .av-inner-masonry-content, .av-masonry-pagination {
        transition: none;
    }
    .avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
        transform: none
    }
    #609437

    Topic: In-page menu

    in forum Enfold
    crodragon
    Participant

    I would like to create a menu that’s not in the header, footer or a sidebar but on the page itself under the banner like here: https://www.betterment.com/resources/topics/inside-betterment/.

    Featured
    Engineering
    Our Story
    Product News

    How can I accomplish that in Enfold?

    Thanks.

    #609423

    In reply to: Mobile search bar

    Hi Ismael!
    At the moment we created a few #-links as menu items for the main menu.
    The solution in https://kriesi.at/support/topic/search-widget-only-in-mobile-view/#post-517247 works with page-links as menu items – so ‘$search’ contains classes like page_item, page-item-18 or current_page_item.
    Best regards
    Bernd

    • This reply was modified 9 years, 11 months ago by profil77.

    Hi Ismael,

    no it is not fixed yet.
    On desktop I need more than 3 columns in the future. On mobile it should always stay at 2 columns in 1 row.
    So even if I have 8 columns setup in the layout editor for the desktop site, it should only show 2 columns in 1 row on mobile.

    Hope that explains it better.

    What do you mean with a test page. Do you need a WP Login for my site?

    Cheers

    #609406

    Thank you Rickard,
    I added it “as well” to the code that you gave me previously and so together this is how both sets of code appear, but still no luck:

    .html_header_top.html_logo_center .logo {
    left: 0% !important;
    -webkit-transform: translate(-0%, 0);
    -ms-transform: translate(-0%, 0);
    transform: translate(-0%, 0);
    }

    .header-scrolled .av-logo-container {
    height: 150px !important;
    }

    .header-scrolled strong.logo a img {
    max-height: inherit !important;
    }

    I then tried adding it “instead” which centered it, but when the logo reduced, the header area remained large with excessive space below the reduced logo. Please see private content.

    #609403

    Hi Rikard,

    I apologize as I was trying some code to see if it worked. I was able to insert some code that worked but we are now running into other issues. The code works when using the Advanced Avia Layout View for the bullets but not in the default view. The client prefer to have the featured image show at the top of the page and that doesn’t work in the layout editor (as I understand by design). They need to use the default view for that however, the default view doesn’t show bullets so you can see our dilemma.

    Is there any way to show the bullet points in the default view on posts?

    #609402

    Hi!

    I’m not sure what’s happening but I can’t access the file server:

    Status:	Connecting to 87.250.155.140:21...
    Status:	Connection established, waiting for welcome message...
    Status:	Initializing TLS...
    Status:	Verifying certificate...
    Status:	TLS connection established.
    Status:	Connected
    Status:	Retrieving directory listing...
    Command:	PWD
    Response:	257 "/" is the current directory
    Command:	TYPE I
    Response:	200 Type set to I
    Command:	PASV
    Response:	227 Entering Passive Mode (87,250,155,140,236,200).
    Command:	MLSD
    Error:	Connection timed out after 20 seconds of inactivity
    Error:	Failed to retrieve directory listing
    

    If you have the time, you can do these simple steps:

    1.) Set the Header > Header Layout > Header Size to custom pixel value then adjust it.

    2.) Add this code in the Quick CSS field:

    .html_header_top.html_header_sticky.html_large #header_main .container, .html_header_top.html_header_sticky.html_large.html_main_nav_header .main_menu ul:first-child > li a {
        height: 116px !important;
        line-height: 116px !important;
    }
    
    .html_header_top.html_header_sticky.html_large .header-scrolled #header_main .container, .html_header_top.html_header_sticky.html_large.html_main_nav_header .header-scrolled .main_menu ul:first-child > li a {
        height: 58px !important;
        line-height: 58px !important;
    }

    3.) Add the following code in the functions.php file:

    add_action('init', 'ava_action_init');
    function ava_action_init() {
        global $avia;
    	$avia->options['avia']['header_custom_size'] = 160;
    	return $avia;
    }

    Adjust the “header_custom_size” value as needed.

    Regards,
    Ismael

    #609385

    Hey schenkco!

    Please add font color white to your code block

    
    #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a {
        text-shadow: 1px 1px #000000;
        color:#fff!important;
    }

    and to change the underline color

    .header_color .avia-menu-fx {
    background-color: #FFF!important;
    }

    Best regards,
    Vinay

    • This reply was modified 9 years, 11 months ago by Vinay.
    #609383

    Hi,

    Great, please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

    #609359

    Hey Emidi!

    To increase the phone number font size please add the below code in enfold > general styling > Quick css

    .phone-info  {
    font-size:24px!important;
    }

    To add padding to the top header please use

    Feel free to change the values to suit your site.

    #header_meta {
        padding: 10px 0;
    }

    Regards,
    Vinay

    • This reply was modified 9 years, 11 months ago by Vinay.

    Hi,

    I’ve tagged our german speaking moderator for the topic, please wait for his reply.

    Regards,
    Rikard

    #609339

    In reply to: Padding top of website

    Hey dereklundmark!

    Try Enfold > Header > Header size this will increase the height of the header and you will see gap on top and bottom.

    If this don’t work for you please get back to us with a link to the page where we can inspect the element in question and also a mockup of what exactly you are trying to achieve. You can upload the mockup to imgur.com or dropbox and share it here.

    Regards,
    Vinay

    #609334

    Hi Monique,

    Thanks for letting us know, I will close the topic for you.

    Thanks,
    Rikard

    #609327

    Topic: Padding top of website

    in forum Enfold
    dereklundmark
    Participant

    Hey there!

    I’m very new to WordPress and websites in general, I was hoping somebody could quickly help me out.

    I’m using the Enfold Lifestyle Blog Demo theme and I want to add padding to the top of the site. Above the logo/header essentially. Anybody able to give some quick advice?

    Thanks,

    Derek

Viewing 30 results - 97,801 through 97,830 (of 142,832 total)