Viewing 30 results - 105,271 through 105,300 (of 106,379 total)
  • Author
    Search Results
  • #24584
    adrianwaltonsmith
    Participant

    I would like to always show the circle with the play button (in low transparancy) on every video preview.

    Now it is only shown (animated) when you hover over the image.

    This to make clear to visitors what are video’s and what are still images.

    Can you give me a hint how to solve this in CSS?

    Thanks, regards Adrian

    #123364

    Hi Ismael,

    Thank you for your reply, I tried adding the css code to custom css, changing the page Id but it did not take effect. Is there any other way?

    Regards,

    Gurmit

    great – i will look into it and post the results. thanks!!

    Please open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodesgallery.php and replace the entire code with: https://gist.github.com/InoPlugs/c20bb10776b1ae2139bd – this will add the thumbnail dimensions to the image tags which should help IE to show the images properly. It seems like IE8 has problems with % values.

    Hi Nick, I have solved all these issues by amending the quick.css. Thank you for your help.

    I realize that in version 1.6 the post slider does no longer provide the option to display a featured image in different sizes, which came in very handy in many cases. Is this a bug or a feature? If it is a feature I am not sure why you did that and whether the old functionality can be restored?

    Please feel free to close this thread anytime.

    Stephen

    #123512

    In reply to: Preview Image Size

    I checked the portfolio grid code and it seems like you can’t control the preview thumbnail size at all. I’ll mark this thread for Kriesi – maybe he wants to add an option. For now open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodesportfolio.php

    and search for:

    $params['preview_size'] = "gallery";

    Replace “gallery” with any other valid image size:

    portfolio_small

    portfolio

    featured

    square

    entry_with_sidebar

    entry_without_sidebar

    #123663

    In reply to: Lightbox Feature

    Hi!

    Please don’t apply a link to the image when you insert it into the text content:

    Regards,

    Peter

    #123096

    1) Afaik the LayerSlider shortcode can’t be used without the Template Builder at the moment because Enfold just supports a full layout of the slider and this can conflict with the portfolio layout/preview container.

    2) I’m not sure what you mean with main “gallery” feature? You can use the text editor and the “Add Preview Images” to build the preview content. You can select a “Slideshow” or a “Gallery” layout for your images.

    #123164

    Hi,

    Smush.it is a lossy optimizer; it doesn’t do lossless optimizations.

    You are not using correct optimizers if you can’t shrink a 1070k sized png image ( http://suiciderescue.se/wordpress/wp-content/uploads/2013/04/SuicideRescue.bg-1700.png ). First, an image of that type should be in jpg format since it already has a blurry background and besides its not digital art but a photo.

    I optimized this one to 76k and still 1700px as a jpg http://i.imgur.com/CYnc40T.jpg

    I optimized this one to 388k at 1700px as a png http://i.imgur.com/6zl6CUz.png

    For the png I used ( http://tinypng.org/ ) and for the jpg i first converted it to a jpg with Photoshop and then used ( http://www.jpeg-optimizer.com with 61 optimization and no crop )

    ===

    If you are serious about your image optimization you need the heavy duty plugin like http://wordpress.org/plugins/ewww-image-optimizer/

    ===

    I would recommend for you to host on nginx instead of Apache server. I would recommend that you use opcode cache (php accelerator) like APC.On Apache you can ask host to use mod_pagespeed https://developers.google.com/speed/pagespeed/mod . The pagespeed mod is now available in more than one hosting company and that thing if correctly setup will optimize everything. Otherwise look into w3tc + apc + cdn to offload static images/css/js + cloudflare (pay version) +varnish.

    Thanks,

    Nick

    any update!?

    #122961

    Hi,

    Good luck. For now, add the css I gave you to your /css/custom.css which will at least make sure that you dont have that empty space under the images in the gallery.

    Thanks,

    Nick

    #114656

    Ajax portfolio to have an option for no text which would then make the image full width. Then people could make a ajax portfolio image gallery. I have an example image showing what I mean if you would like it?

    #123161

    Hi,

    MikehJPP: I don’t think it is possible via Media Queries. Media Queries can make it smaller on mobile view but the same images will be use thus the same file size. You really need to compress or shrink the images manually.

    Regards,

    Ismael

    #123604

    Hi ppc1337,

    Not anything that I know of no. Its a setting for you to add your own custom URL to make an image a link or otherwise.

    There may be a plugin or function available but I’ve not run across one before.

    Regards,

    Devin

    #117531

    Hi Everybody,

    I just updated to Enfold Version 1.6, removed picture, put it in again, emptied caches etc. and ….. nothing new with the mentioned problem: titles, alt-texts and even the description do not show up in pictures used in combination with the Avia Layout Builder although alternate text, caption, description and title are all filled out. So please could you go on attempting to find a solution for this quite important issue?

    Thanks, Harald

    As an example please look at the following page:

    http://wp11077347.server-he.de/unterbringung-und-freizeit/

    I can’t see where I could delete that avia-icon-pos-left bit myself, it’s not part of the shortcode.

    I just tried creating a new centered icon box from scratch, inserting a brandnew (centered) font icon. This is what it looks like in the Avia backend:

    This is what it looks like on the site:

    #24487
    ppc1337
    Participant

    Hey guys,

    I’ve noticed that every time a write a blog post and integrate an image the url-field is empty. I wish to set the url of the image in this field automatically but don’t know how. Is there any option or code to do that?

    #123290

    Yes, you can also use the “crop” parameter to deactivate cropping. However you must make sure that all images have the same resolution – otherwise the grid will be off again. If you want to deactivate the wp crop function use:

    $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400, 'crop'=>false );	 // images for portfolio entries (2,3 column)

    #123075

    Hi webpress,

    Yes, you’ll need to add a class name to your image and then define the css for that class. Both the regular version and a :hover version.

    See:

    http://en.support.wordpress.com/images/image-settings/#within-posts (for adding a class to an image using the media pop up in a post)

    http://www.w3schools.com/css/css_id_class.asp (for creating a basic class)

    Regards,

    Devin

    #122960

    Thanks for the detailed reply. I’m going to look at trying to make all the images the same size to resolve the problem. I’ll let you know what happens.

    #24536
    logan2d
    Participant

    I’m trying to create a filterable video gallery. Right now I am using the portfolio grid, because it has more options like filtering than the gallery media option has. The portfolio grid has two options: open in new page or open in lightbox. I have it setup to open in a new page, because if you choose, “open in lightbox” it only opens the featured image in a lightbox, not the actual video. Is there a way to click on the featured image that’s shown on the grid, and have a video open in the lightbox?

    I tried a “featured video” plugin, but it didn’t perform like I wanted. It either played the video in place, or opened a youtube app on iPhone and iPad.

    In short, I just want filterable gallery of thumbnails, that displays a video in a lightbox when clicked.

    Hi Devin,

    thanks for checking this issue out. Can you please tell me a bit more what you mean by “not having any issues”? So you viewed my site using Safari on a Mac, and the fixed background image behind the three icon boxes scrolled properly?

    Here’s a quick screenr video showing what I’m seeing on each of the 5 Macs I’ve tested the site with:

    http://www.screenr.com/MYBH

    Same site in Firefox (Mac): this is how it’s supposed to look:

    http://www.screenr.com/CYBH

    Thanks,

    Andy

    #123658

    Hello,

    I have put this css

    @media only screen and (max-width: 767px) {

    /* Add your Mobile Styles here */

    .slide-entry {

    float:none;

    clear:both;

    }

    }

    but images are small

    Thank you

    #123159

    There aren’t any function available to do a “if screen size X, do Y” so no that isn’t an option right now.

    The file size is the key, so using any tool to shrink the file size for web is really the best thing you can do to get better load times. Try and keep your images around 150kb in size at a maximum.

    #123158

    Thanks for your advicesFormateins and Devin.

    I did try Smush.it on this image: http://suiciderescue.se/wordpress/wp-content/uploads/2013/04/SuicideRescue.bg-1700.png

    over 1 MB in size but Smush.it did not find any saving of your image.

    If i shall shrink images in size, what is recommended max widht on images used by enfold so that it looks good if full widht?

    And For Enfold, It is not possible to remove something from code so that mobile version will be smaller?

    #123083

    Hey!

    I hope it worked out?

    Regards,

    Peter

    #123379

    In reply to: Page Lay-out

    You can use the page id class if you just want to change the textblock styling on certain pages:

    .page-id-2214 .el_after_av_one_half {
    background-color: #f9f7f7;
    height: 335px;
    }

    .page-id-2214 div .av_one_half {margin-left:1%; width:49%;}

    .page-id-2214 .avia_textblock {
    padding:20px}

    However I’m not aware of an easy solution for the images because if the width of the images shrinks the browser will also shrink the height of the images. Of course you could hardcode the height with:

    .page-id-2214 .el_after_av_one_half img.avia_image {
    height: 335px;
    }

    but then the images will be distorted on smaller screens. On the other hand you can’t change the column height (eg reduce it on smaller screens) because then you don’t have enough space for the text content.

    Hi andypeck,

    it works fine in Safari (Mac) on your end? Can you give me your URL to have a look? Like I said, the fixed background image does move in the color box when viewed in Safari, but with a noticable delay.

    I second that

    Just set up a color section with a FIXED image in it with a quote over the top. Looks fine on my Mac & Safari but doesnt work at all on IOS devices. The text (quote) appears as it should but no image

    Cheers

    Andy

    andikleinke
    Participant

    Hi there,

    when using a color section I have the option to include a background image and mark it as “fixed” in position, resulting in a quasi-parallax effect. This works fine on Firefox and Chrome, but is very choppy on Safari (Mac) and does not work at all on the iPad – the image just scrolls with the rest of the page.

    You can see it here: http://www.presentpro.de, on the home page. It’s the section with the three icon boxes at the bottom.

    Thanks for looking into this!

    Andy

Viewing 30 results - 105,271 through 105,300 (of 106,379 total)