Viewing 30 results - 100,231 through 100,260 (of 106,428 total)
  • Author
    Search Results
  • #187910

    Hey ahrens!

    The only thing I can think of would be to use the single layer slider slide and have the background images fade in and out as needed.

    Best regards,
    Devin

    0st
    Participant

    Hi,
    I couldn’t figure out, how to change the size of gallerys and sliders on blog posts and the main blog page. You can have a single big picture above the post using the featured image, but sliders and gallerys aren’t able to be bigger than the text column.
    Any help appriciated to realize this,
    thx!

    Hi!

    You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

    .avia-caption { left: 30%; }

    Regards,
    Yigit

    #187874

    Thank you!
    It works like a charm!

    Best regards,
    kjlietz

    #187869

    hello,
    well, maybe you do, look at the masonry layout while W<768px
    i already solved my issue
    Tomas

    • This reply was modified 12 years, 4 months ago by mAqq.
    #187856

    The size getting created is 172×97.jpg

    So you can use this plugin to find that size and then change it http://wordpress.org/extend/plugins/simple-image-sizes/

    After you save you will need to regenerate thumbnails to have the new image shown.

    #187854

    Tried it and it doesn’t work. However if I change it to “opacity: 0” it makes the image go away on hover so the “targeting” works, just “1” doesn’t make it 1.
    Any other suggestions?

    #187829
    This reply has been marked as private.
    #187824

    Hey kjlietz!

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

    .main_color .small-preview { background: transparent; color: #8D8D8D; }

    Best regards,
    Yigit

    #187812
    This reply has been marked as private.
    #187811
    Sunny
    Participant

    Hi Support

    Really nice theme, I’m loving it. Just need a small help though.

    1. I’ve installed the WP Retina 2x plugin. Since I like to custom make pixel perfect images, I usually don’t upload the full res images, instead the exact height and width according to the place where I need to display them. So I’m not using the Retina 2x dashboard to generate the retina images instead I manually create the double res images with @2x in the end and upload it to the wp-content/yyyy/mm folder. I thought it would work but it isn’t : ( Am I doing it wrong?

    I’m emulating a retina display in Firefox by changing the value of the preference “layout.css.devPixelsPerPx” to “2.0”. After that I clear the cache, cookies etc and load the website but @2x images are not being picked up. The retina.js script is loading fine, I can see that in the head section but no further luck : (

    When I check other retina sites in FF like apple.com, onthe8.com etc, 2x images appear on-the-fly as soon as I change the value of the above mentioned pref to 2.0.

    2. Not only my images, but the theme’s own retina graphics are not loading as well. For example the forward and backward buttons in lightbox become blur on 2.0. Similarly the dropdown arrow in the main menu of the mobile version of site looks dull on 2.0.

    For testing purposes I’ve uploaded the 2x versions of logo and the homepage slider image only. I can send you the link to the website. Please tell what am I missing?

    Regards
    Sunny

    #187798

    Hi!

    Is this the fix you used or are you asking if that is the fix? I’m not getting the same kind of issue on a demo install either locally or live so if its an issue that needs to be fixed in an update I’d like to test the same circumstances and debug it from there.

    Regards,
    Devin

    #187792

    Hey SRD!

    We are not able to debug customizations you’ve made to the theme/layout. However, it looks like you have an unnecessary width:100% value on the custom logo css.

    Regards,
    Devin

    #187773

    Hi!

    You can try adding following code to Quick CSS in Enfold theme options under Styling tab

    #header_main { height: 300px; }
    .logo, .logo a, .logo img { width: 300px!important; height: 300px!important; max-width: 300px!important; }

    Regards,
    Yigit

    #187734

    Hi!

    Please remove the image element you have added and add following code to Quick CSS in enfold theme options under Styling tab instead

    #after_layer_slider_1 {
    background: url(https://polyscale.m3ms.de/wp-content/uploads/2013/04/shadow4.png);
    background-repeat: no-repeat;
    top: -1px;
    }

    Regards,
    Yigit

    #187719
    catvine
    Participant

    Hi

    I am loving this theme I have to say, but am struggling with a small tweak on the logo image.

    I am using the fixed header with social icons and am happy with the way it looks.

    I like the scroll action but find that the logo becomes quite small once resized this way and tricky to read.

    I would like to replace the image file used in the header once the scroll is active – from the fullsize logo.png to logo-smaller.png (which is the logo trimmed)

    I tried setting this using the css below but all that happens is the trimmed logo ends up behind the resized version.

    .header-scrolled .logo img { 
    padding: 5px 5px; 
    background-image: url("http://vinefruit.net/clients/coffeeplanetFS/wp-content/uploads/logo-small.png");
    background-repeat: no-repeat;
    }

    The site is still under construction so please ignore the home page as this is not complete, but the menu and logo can be seen here:
    http://vinefruit.net/clients/coffeeplanetFS

    Thanks Catherine.

    #187714
    kjlietz
    Participant

    Hello,
    how can I get rid of the grey background behind my preview images in blog stye “Single Author, small preview pic”?
    It really messes up my blog: http://www.entscheiderblog.de/

    Thanks!

    #187695

    Hey!

    Please create us an admin account and post the login credentials as private reply – we’ll look into it.

    Cheers!
    Peter

    #187694

    I can reproduce it on your demo site:
    http://kriesi.at/themes/enfold/homepage/home-v2-3-col-images-contact/

    if you move between areas, while the slider is sliding, the weird stuff happens. check my video:
    http://www.screenr.com/MJJH

    weirdly, this stuff also happens on pages where there’s no slider at all.

    #187687

    Hi petersandin!

    Edit js > shortcodes.js, find this code:

    //trigger displaying of thumbnails
    gallery.on('avia_start_animation', function()
    {
    images.each(function(i)
    {
    var image = $(this);
    setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
    });
    });

    Replace it with:

    //trigger displaying of thumbnails
    gallery.on('avia_start_animation', function()
    {
    images.each(function(i)
    {
    var image = $(this);
    setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
    });
    }).trigger('avia_start_animation');

    Remove browser cache then reload the page.

    Cheers!
    Ismael

    #187661

    Topic: Some css fixes

    in forum Enfold
    vasilybodnarchuk
    Participant

    Can you help me with css?

    1) Broblem with tag widget.

    Before: https://www.dropbox.com/s/8da51r95q1qxac9/orig.png
    Now: https://www.dropbox.com/s/epwb8frnghsxmsk/new.png

    2) Where can I change featured image size on single post page?

    #187637

    Hi

    it’s http://www.leanerbydesign.com but the 300×300 logo is not up at present, it looks so bad that I have replaced it with one that fits for now

    cheers

    Steve

    #187617

    Hey!

    You can add this on your custom.css or Quick CSS to remove the image overlay:

    .image-overlay.overlay-type-extern {
    display: none !important;
    }

    Remove browser cache then reload the page.

    Cheers!
    Ismael

    #187616

    Hi TheodoraPhotography!

    Can you please post a screenshot of what you’re trying to do? A link to your website will help. Maybe, you can try this on your custom.css or Quick CSS:

    #main, .html_stretched #wrap_all {
    background-color: transparent;
    }
    
    .alternate_color, .alternate_color .site-background, .alternate_color .first-quote, .alternate_color .related_image_wrap, .alternate_color .gravatar img .alternate_color .hr_content, .alternate_color .news-thumb, .alternate_color .post-format-icon, .alternate_color .ajax_controlls a, .alternate_color .tweet-text.avatar_no, .alternate_color .big-preview, .alternate_color .toggler, .alternate_color .toggler.activeTitle:hover, .alternate_color #js_sort_items, .alternate_color.inner-entry, .alternate_color .grid-entry-title, .alternate_color .related-format-icon, .grid-entry .alternate_color .avia-arrow, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery img, .alternate_color .grid-content {
    background-color: transparent;
    color: #666666;
    }
    
    .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 .big-preview, .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 {
    background-color: transparent;
    color: #666666;
    }

    Cheers!
    Ismael

    Hey Eleina_Shinn!

    Please edit js > shortcodes.js, find this code on line 887:

    var image = $(this);
    				setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));

    Replace it with:

    var image = $(this);
    				setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 10));

    Remove browser cache then reload the page a few times. You can use WT3 Total Cache and Better WordPress Minify to enhance the page loading speed.

    Cheers!
    Ismael

    #187601

    Hi reisp!

    Go to Enfold > General Settings > Single Post Style > select the “Single post with big preview image”.

    Regards,
    Ismael

    #187595
    This reply has been marked as private.
    #187594
    Mark
    Participant

    Hey Guys – I am not using the Heading portion of the content slider, and if you look at it when it is paired next to a content block (say to the left or right of text content), the slider is not v-aligned to the top. It looks really off in terms of symmetry…the content is higher than the slider and I was hoping via CSS I could align the content slider to the top of the div container. Link via private message to prevent crawling of dev site.

    In the example below, the top of the image slider is pushed down to about line 3 of the text block next to it – it just doesn’t look right, and really need it to sit higher.

    Let me know how I should address this please.

    Thanks!

    #187562

    Hey!

    Try adding the following here, inside the mobile media query wrapper:

    	.page-id-612 .stretch_full.container_wrap.alternate_color.light_bg_color.title_container {
    		height: 250px;
    	}
    	#background-thing{
    		top: -225px
    	}

    Cheers!
    Josue

    #187559

    You’ve been such a great help, it’s cleared up a lot for me about how the div’s work within each other.

    One more thing, if you dont’ mind. I want to make sure the CSS handles the image to respond to the screen size, while aligned with respect to the bottom right corner.

    As you can see, the subject of the photo is on the bottom right: http://carveskateshop.us/wp-content/uploads/pano-1.jpg. I just want to make sure I keep that edge in focus as much as I can with CSS.

    Current CSS:

    #background-thing {
    background: url(https://carveskateshop.us/wp-content/uploads/pano-1.jpg) no-repeat 0 0 scroll; 
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    } 

    Thank you, Josue!

Viewing 30 results - 100,231 through 100,260 (of 106,428 total)