Forum Replies Created

Viewing 30 posts - 1 through 30 (of 105 total)
  • Author
    Posts
  • in reply to: import demo content #874917

    Thank you!

    Would be cool to have the ability to import a single page demo or have quick access to demo page shortcodes.

    in reply to: import demo content #873939

    Hi – I want to do something similar. I have an existing Enfold themed site, but would like to use the home page from the medical demo to create a single page within my site. Are you able to send the shortcode for just the front page of the medical demo?

    Thanks!

    in reply to: Varying Table Cell Width On Tables #554736

    See link.

    in reply to: How to play Mov. files #546770

    I uploaded a short .mov clip to the Fullscreen Video Slider and the video will not play. Instead, I see the continuous “loading” animation. Same on all browsers. I’d prefer not to upload to vimeo or youtube.

    Do .mov files not work in the slider? Or is there a fix?

    in reply to: Force Video To Be Able To Play On Mobile Devices #541299

    No luck. I’m using the easy slider and put Vimeo links in a few slides. Works just fine on desktop, but on mobile, its still showing the message to set a fallback image in the wordpress backend.

    Note: I did try the linking the slide to a video, however, on desktop, it plays in the slider AND launches the lightbox. How would I disable the lightbox on desktop just for easy sliders that have video? (I want to keep the lightbox for the other sliders that have images).

    Thanks!

    in reply to: Force Video To Be Able To Play On Mobile Devices #540293

    Hi Josue

    Great suggestion, however, I need the videos to play natively in the slider on both desktop and mobile (no still images or fallback images).

    I saw this from another post. Will that work with the latest version?

    You can force videos to play on mobiles but this is not supported, open js/shortcodes.js and change line 683:

    this.isMobile = $.avia_utilities.isMobile;

    To:

    this.isMobile = false;

    • This reply was modified 8 years ago by codemode.
    in reply to: Transparent Dropdown on Home Page Only #539920

    I can’t send a link yet as I’m under an NDA with a client. I’ll follow up soon. Thanks

    in reply to: Transparent Sticky Header Properties w/ Dropdown Menu #539919

    I found another post and this CSS seemed to do the trick.

    #top ul.sub-menu a {
    background-color: rgba(0, 0, 0, 0);
    font-weight:normal;
    }
    
    .main_menu .menu ul {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    
    .av_header_transparency .main_menu .menu ul li a, .av_header_transparency .main_menu ul ul {
    background-color: rgba(0,0,0,0)!important;
    }
    

    Thank you for your suggestions.

    in reply to: Transparent Sticky Header Properties w/ Dropdown Menu #536890

    Hi, I’ve narrowed it down to this custom CSS code:

    I need the following:

    #top ul.sub-menu {
    background-color: rgba(0, 0, 0, 0);
    font-weight:normal;
    }
    
    #top ul.sub-menu a {
    background-color: rgba(0, 0, 0, 0);
    font-weight:normal;
    }
    

    to change to:

    #top ul.sub-menu {
    background-color: rgba(0, 0, 0, 1);
    font-weight:normal;
    }
    
    #top ul.sub-menu a {
    background-color: rgba(0, 0, 0, 1);
    font-weight:normal;
    }

    when scrolled.

    I just need the correct CSS to do that.

    Any ideas?

    • This reply was modified 8 years ago by codemode.
    in reply to: Transparent Sticky Header Properties w/ Dropdown Menu #536020

    Hi Ismael

    I tried and that didn’t work.

    FYR I have the logo area default background set to #000000 (black). But I have that area set to a transparent background on individual pages. So when you scroll, the header background goes from transparent to black. I just can’t seem to get the sub menu to have a black background when scrolled. As you can see from my code above, I have the submenu background set to alpha 0 by default for the transparent bg. However, I’m not sure how to override that to turn black on scrolled. Perhaps there is a better way to achieve the same effect?

    Thanks for your help!

    in reply to: Remove all animations in slider #535194

    I’m using the full screen video slider w/ subtle video animation for the background so the fly-in title text and description is a little jarring for this purpose. Possible to remove the fly-in transitions and just appear statically or fade?

    UPDATE:
    I figured it out :)

    • This reply was modified 8 years ago by codemode.
    in reply to: Transparent Sticky Header Properties w/ Dropdown Menu #535070

    Hi Rikard

    I’m unable to do so cause I’m under an NDA with the client at this time.

    I basically just need my main menu’s dropdown menu background to be black when the user has scrolled down the page about 5% (or when the sticky header becomes active). And then go back to transparent when scrolled all the way to the top.

    I’m using white text for the menu. And this is the custom CSS I used to make the background transparent.

    #top ul.sub-menu {
    background-color: rgba(255, 225, 255, 0);
    font-weight:normal;
    }
    
    #top ul.sub-menu a {
    background-color: rgba(255, 225, 255, 0);
    font-weight:normal;
    }
    
    .main_menu .menu ul {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    This looks great when the menu drops down over a full width image directly under the header, however, when you scroll down the page where the background is white and then hover over an item in the sticky header to reveal the dropdown menu, you can’t see the white text on the white background. So in that case, I need the dropdown menu background to be black. And then back to transparent when all the way back to the top of the page.

    That make sense?

    in reply to: Table Element – Not working properly in responsive mode #499662

    Hi Elliott,

    Thanks for the reply but all the headings line up with the data cells. It appears to be a bug as it should behave similar to the responsive tables in the TablePress plugin.

    Any other ideas?

    in reply to: Table Element – Not working properly in responsive mode #497979

    Thanks for the tip Joost! Appreciate that.

    My only thing with the Word table solution is that if you have many columns (3 or more), the columns become super narrow and the data is a little hard to read as it wraps in long vertical cells. Not so great on a small mobile screen. :/ Would be best to stack the table, however, that would require a fancy plugin like TablePress (+ their paid responsive extension) – but I’d rather not pay to add another plugin for my simple use case.

    Was hoping that the great coders at Enfold could address or fix.

    • This reply was modified 8 years, 3 months ago by codemode.
    in reply to: Table Element – Not working properly in responsive mode #496701

    Here’s a quick photoshop job to better illustrate the table sections and how they are arranged.

    It would make more sense, and easier to read on mobile devices, if the table stacked as pictured for the “ideal solution” with spaces between each section. The 2nd solution pictured far right works as well.

    Does that help?

    • This reply was modified 8 years, 3 months ago by codemode.
    in reply to: Video Background – Mobile #496162

    What about for videos on iPad Mini or iPhone?

    in reply to: Table Element – Not working properly in responsive mode #496156

    Here’s a basic example of what happens when you use tables as tabular data, select adjust to screen size, and then view on desktop and mobile. As you can see, the cells in the mobile table stack incorrectly.

    in reply to: Mobile Version shows markup #494561

    See the table on the page in private section.

    In order to use inline CSS within a table cell so that the code does not show up on mobile, you have to use the table as a pricing table (not tabular data). The problem is that I need to style some text within a table using it in the tabular data format – and make it responsive (not scrollable).

    For example: In a default row, I want red text on a white bg within a cell.

    I suppose Quick CSS would fix, but wasn’t sure based on the convo above.

    I only tried inline CSS as a quick fix, but would be great to include color options (like the other elements) as a quick override to the default scheme in a future release :)

    in reply to: Table Element – Not working properly in responsive mode #494554

    If you use the table as tabular data, the cells get mixed up and don’t align correctly in responsive mode. Desktop is ok, but when viewing on mobile, the responsive nature takes the horizontal data from left to right and stacks it top to bottom (at which point the data is no longer arranged intelligently). And, I don’t want to make the table scrollable from left to right on mobile because of the undesirable experience.

    The pricing table layout seems to work correctly on mobile, but I am unable to use that format for tabular data.

    Do you still need a screen shot or can you duplicate the issue?

    • This reply was modified 8 years, 3 months ago by codemode.
    in reply to: Table Element – Not working properly in responsive mode #493935

    Is there a fix so that the tables will look correctly on mobile via the responsive setting?

    in reply to: Mobile Version shows markup #493928

    Hi – same issues here. CSS code shows up in table header on mobile only. Was there a fix? Thanks!

    in reply to: member team image shape #491609

    Perfect thanks!

    in reply to: member team image shape #491566

    See test link. I’d like to remove the team member overlay oh hover.

    in reply to: member team image shape #491143

    Hi

    It appears to happen on Chrome and Safari but not Firefox. I’m using the custom style mentioned above to make the team member image a circle. However, on Chrome and Safari, there is a slight delay from the square png overlay to the circle overlay when you rollover the image.

    If it’s a browser compatibility issue, how can I remove the team member image overlay all together?

    in reply to: Changing Down Arrow Color Per Section #491139

    Great thanks!

    in reply to: member team image shape #490507

    FYI – If you make the team member image a circle, I discovered a minor issue with the hover effect on Chrome – the overlay is temporarily a square upon hover, but then goes to circle.

    in reply to: Changing Down Arrow Color Per Section #490396

    See link. I’d like to use an animated dark arrow on the light sections. Most of the site uses white or light backgrounds and so the white arrow gets lost.

    in reply to: Custom Image Overlay or Image Swap on Hover? #490388

    Will do. Thank you.

    in reply to: Custom Image Overlay or Image Swap on Hover? #486872

    Sorry, let me clarify…

    Using this code:

    <img onmouseover="this.src='path-to-mouse-over-image';" onmouseout="this.src='path-to-normal-image';" src="path-to-normal-image" alt="what-ever-you-like" />

    I figured out how to link by adding:

    onclick="javascript:window.location.href='path-to-url'; return false;"

    But how do I create the a link to an image or video via the default WP lightbox?
    (just like the image element allows, but in this case I’m using the custom code block).

    • This reply was modified 8 years, 4 months ago by codemode.
    in reply to: Custom Image Overlay or Image Swap on Hover? #486715

    Using the rollover code from the link mentioned, how can I then create a link to an image/video (via the built-in lightbox), link to a page #target, or link to external site?

    Thank you!

Viewing 30 posts - 1 through 30 (of 105 total)