Viewing 30 results - 92,551 through 92,580 (of 142,634 total)
  • Author
    Search Results
  • #663169

    Hi,

    Add this in the Quick CSS field:

    #top .aviaccordion.av-animation-active .aviaccordion-slide, #top .aviaccordion-title-on-hover .aviaccordion-preview {
        -webkit-transition: all 0.2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
        transition: all 0.2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    }

    The default duration is 0.7s.

    Best regards,
    Ismael

    evan_friedl
    Participant

    So see this page:

    You can see we have three icon boxes. The two below the circle icon is centered. But the bigger box is not centered. Here is the code for that. I will include the login if you need it Privately of course.

    /* Icon Box ReSize */
    .iconbox_top .iconbox_icon { font-size: 80px!important; height: 90px; width: 90px; line-height: 84px; top: -64px; }
    .iconbox .iconbox_content .iconbox_content_title { margin: 30px 0 16px 0;}
    .iconbox_top .iconbox_content { margin-top: 80px; }
    .iconbox_icon {left:43% !important;}

    I need the larger box icon centered too but I can not seem to fix that.

    Thank for your amazingly brilliant help as always.

    #663154
    Sandy
    Participant

    The Google AdSense plugin is used. The ads look good on desktop viewing, but on mobile they overlap website blog content text. Plus little blue dots appear.

    The issue might be that the div (the parameters of the ad unit) containing the ad is wider than 336 pixels and so the responsive ad is trying to fill to the max width of the div. If so, is there a ‘quick css’ way to increase the height of the div to greater than 280 pixels? Or what else can be done to make sure that the ads don’t overlap content on mobile viewing?

    yingyang
    Participant

    Hi,

    I’d like to use the option to attach the shopping cart icon to the main menu but ONLY when the cart is not empty, i dont see the option currently

    Also, how do i disable the shopping cart pop-up menu that display the items in the cart when hovering the mouse over the shopping cart icon

    lastly, when selecting to show the shopping cart beside the menu, the desktop version does it well but on mobile the icon is missing on the menu, so there is no way to go back to your cart for mobile user, how to enable the menu for mobile as well ?

    • This topic was modified 9 years, 5 months ago by yingyang.
    #663089

    In reply to: Hide header

    Hi,

    Change code to:

    div#header_main {
        display: none;
    }
    
    .html_top_nav_header.html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 0;
    }

    Best regards,
    Josue

    #663085

    In reply to: Header Issue

    I understand. I think Revolution is better as it has a library of importable templates which are very good and modern. Layer has too many cheesy animations and less quality UI of the themes of sliders. Ask him to look at it over the years it has moved ahead Alot.

    Thank you- not sure how to do that. Re send screen of what I cant achieve as yet.

    The issue is the height of the slider at the top. Extra white space makes the header very wide. I have tried setting the height in the theme setting to slim and it makes no difference and setting the header to the minimum height does not reduce it either. Any thoughts?

    so I want to make the header appear slim so the slider is not so low down. Its a fixed header and I would like the height to be the same when the page loads i.e. slim.

    Thanks

    S
    Thanks

    #663082

    In reply to: Irregular Menu spacing

    Hey Picante,

    Thanks for getting in touch with us!

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

    .html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
        padding-right: 13px !important;
    }
    

    Best regards,
    Jordan

    #663077

    Topic: Page redirect

    in forum Enfold
    hdpcr
    Participant

    Hi
    I have a large map with hotspots (many hotspots) it looks great in desktop but not that good in mobiles very confusing, So my question is: It is possible to have some custom CSS that detects if visitor is browsing from mobile or tablet and redirect him to other page that will only have a map image with no hotspots (a whole different page)

    Thank you very much

    #663063

    At best it’s a half-assed solution – it does not account for the margin on the left that Enfold inserts (on all screen sizes!) and it stops the grid from being a grid, instead it’s always single-coloumn full width on ALL screen sizes (there is no media query in that solution). I expect more from you at support…

    #663060

    Hi Ismael,

    in the layers we are using paragraphs and H2. In the custom.css file we styled like this:

    h2 {
        font-family: FF-DIN-Round-Pro-Medium, sans-serif;
        font-size: 1.6rem;
        font-weight: 300;
    }
    h2 strong {
        font-family: FF-DIN-Round-Pro-Bold, sans-serif;
        font-size: 1.6rem;
        font-weight: 500;
    }
    p {
        font-family: FF-DIN-Round-Pro-Regular, sans-serif;
        line-height: 140%;
        margin-top: 0px !important;
        font-weight: 300;
    }
    p strong {
        font-family: FF-DIN-Round-Pro-Bold, sans-serif;
    }

    Best regards
    Holger

    #663055
    checkitwriteit
    Participant

    Hi,

    Just a quick question regarding column stacking.
    I’m using the page builder and have two 1/2 columns side by side.
    Under this, I have another two 1/2 columns side by side.

    Now currently they are displayed in rows.
    Basically, in my top column, the right 1/2 column is longer than the left and this causes the 2 columns beneath it to be pushed down.

    However, I want the columns underneath it to stack (like a masonry grid I guess it would be).

    So to clarify the 2 left-hand side columns would be on the left-hand side with normal spacing between them, whilst on the right-hand side the top right column would finish say halfway down (or where ever it does) into the 2nd left-hand column. The bottom right column would then show under this.

    See the image below for an example. On the left we have the current way columns are stacked (note I’m using three 1/2 columns here). On the right is how it ‘should’ stack.

    columns

    obiwankenobi2013
    Participant

    Is there a way to stop masonry portfolio builder to enlarge the portfolio picts? I tried to create a masonry portfolio page with exact picture sizes, but when i look at the page the Picts are kind of zoomed in, is there a work around?

    #663043

    Hi,

    this doesn’w work as should. i would like to have the portrait on the green line (as you can see at the termin-page)

    now i can adjust it for one screen size – which doesnt fit for a responsive design. Did you try to change the screensize once?

    For page 673 it works like a charm, for 617 it doesnt!

    Here is my custom.css:
    /* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

    /* General Custom CSS */

    /*
    Desktop Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

    @media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */
    .page-id-673 .av_two_fifth {
    vertical-align: bottom !important;
    }
    .page-id-673 .avia-builder-el-no-sibling {
    margin-bottom: -50px !important;
    }
    .page-id-617 .freigestellt_portrait {
    vertical-align: bottom !important;
    margin-bottom: -50px !important;
    }
    .freigestellt_portrait {
    top: 50px;
    }

    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

    @media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */

    }

    #663040

    Hello Andy,

    I updated all plugins. This did not help. Mini Cart product counter is still not working! Any other ideas? Check out the link that I supplied below. Another Kriesi team member helped me out with this problem earlier and gave me the following code and it worked. I believe it stopped working when I updated the Enfold theme. Thanks so much for the help!

    https://kriesi.at/support/topic/mini-cart-item-counter/

    CircaVista

    • This reply was modified 9 years, 5 months ago by CircaVista.
    #663029

    Hey Andy,

    Please have a look now at http://www.2bopenlogistics.com
    I have put it online just for this purpose. Please be advise that red top background on About us page is just for me to see the header until I solve my issue.

    Thanks!

    • This reply was modified 9 years, 5 months ago by ktalin.
    #663010

    Hey fredericsidler,

    Kriesi is working on a fix. Up to now there is a workaround for it:

    Best regards,
    Andy

    #662986

    Hi,

    use this code for mobile:

    @media only screen and (max-width: 767px) {
    .phone-info {
    position: relative;
    top: -9px;
    left: -62px;
    }}
    

    and adjust as needed.

    Best regards,
    Andy

    #662985

    Topic: My Shop

    in forum Enfold
    alexsotnik
    Participant

    Hey. Please help me solve the problem. on page topic My Shop see all the pictures from the media?

    #662982
    _riccardo_
    Participant

    Dear Kriesi,
    is there a way to align the center of the copyright information, both for the desktop and for mobile viewing?
    Best regards,
    Riccardo

    #662965

    Hey mcraig77,

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

    #after_layer_slider_1 .av-special-heading {
        margin-top: 20px !important;
    }

    Thanks,
    Rikard

    #662963

    Hi,

    Great, glad you got it fixed. Let us know if you should need any more help on the topic.

    Thanks,
    Rikard

    #662951
    ktalin
    Participant

    Hi guys,

    First I will take this chance to say congrats for this awsome theme you’ve made.
    I’m using Enfold to build a new website for a client. Just finished Home page and as I dive in to second one I ran into some troubles. I’m not able to provide the link to the website as I’m working offline so I will try my best to describe the issue.
    Home page has a big fullscreen slider (blue photos) and glassy transparent header with white version of the logo and white menu items/social icons (those are all white to be visible on blue photos from slider). As you scroll down header shrinks and becomes white with a smaller and different colored version of logo, menu items are black and same the social icons.
    My question is how can I have only this second version of the header (smaller, with small logo and black items that stays as it is on top all the time) in all other pages of the website (except home). I need this kind of header in all other pages as I will not have a slider and just a clean white top. You can imagine that glassy transparent header with white items will not be visible at all :)

    Hope I made myself clear as my english is not as good as I’d like.

    Thank you!

    #662929

    Hi, Roderick,

    You can hide/show the correct section by using CSS after giving your sections unique IDs in the element options:

    @media only screen and (max-width: 767px) {
    #desktop-section {
    display:none !important;
    }
    }
    
    @media only screen and (min-width: 768px) {
    #mobile-section {
    display:none !important;
    }
    } 

    Thanks,
    Rikard

    #662920

    Allready tried that, using ftp and now again using the dashboard….

    My client is comming over for a WordPress training tomorrow. I really hope you can help me solve this before that. Trying all kinds of things now for 5 days (see topic date)….

    Hope to hear from you soon

    Best regards,

    Rutger

    #662911

    In reply to: google maps

    Hey msulecki,

    There is no release out yet but you can try this temporary fix in the meantime: https://kriesi.at/support/topic/solution-to-google-maps-key-issues/#post-661496

    Thanks,
    Rikard

    #662901
    artemtik
    Participant

    Hello!
    Please, help me with the problem: the main page of my site is not loading or not fully load on Ipad.
    Tried both on Safari and Chrome – same thing. I also tested it after deactivated all plugins and it didn’t help.
    Sometimes page is not loading at all (show an error), sometimes it’s loading partially – price tables and contact us form are not loading.
    FAQ page is working good, so I guess the problem is within one of the main page’s elements.
    On a desktop (Chrome, IE, Firefox) and Android everything is fine.

    Thank you in advance for your help!

    Artem

    • This topic was modified 9 years, 5 months ago by artemtik. Reason: Information added

    Hi,

    play with this:
    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,0);
    }

    Best regards,
    Andy

    #662875

    Hi,

    so now just use this code:

    .freigestellt_portrait {
    top: 50px;
    }
    

    and adjust as needed.

    Best regards,
    Andy

    #662874

    In reply to: Hide header

    Now it works, but is it also possible to move my logo to the top?

    Hi,

    1. Try applying this mod – https://kriesi.at/support/topic/rtl-sortedreverse-functions-problem/#post-384172

    2. Add this to Quick CSS:

    .av-masonry {
        padding: 0 50px;
    }

    Best regards,
    Josue

Viewing 30 results - 92,551 through 92,580 (of 142,634 total)