Viewing 30 results - 102,241 through 102,270 (of 106,413 total)
  • Author
    Search Results
  • #166975
    vic98
    Participant

    Hi,
    I have a client that wants eight individual product images on a page. 2 column by 4 rows.
    Then they want the text about the product to be on top of the image. This will work well as the backgrounds are very light.
    How do you do this. I could insert several layer sliders on a page but how do I make them small enough.

    Any ideas?

    Many thanks

    #166972
    vic98
    Participant

    Hi How do I increase the sharpness of the background image in Layerslider?
    I am using 1500px x 460px images but they look blurry.
    http://hyperdesign.co.nz/
    Especially the CLICK (pink) slide.

    The Images that slide in look great.

    Any ideas?

    Thanks

    #166971

    Hi yes the thumbnails are clear but if you click on the RE/MAX icon and the AJAX Gallery loads the thumbnails displayed under the main portfolio image are very, very poor quality. How do I make these better?
    Even the large portfolio image is blurry, if you mouse over and click lightbox view the upload images are much clearer.

    Any suggestions?

    Thanks

    #166968

    Hello!

    Without a clear way to re-create it every time there is very little we can do in the way of diagnosing a potential bug. From what it sounds like the content is just not loading in which is typically because of a timeout on the server either with loading a script or loading a(n) image.

    So you could try using very small images and see if that helps or seeing if there are any tweaks you can do either with a caching plugin or a minifying plugin to keep the strain on your server to a minimum.

    Regards,
    Devin

    #166950
    mattock
    Participant

    Hi, I just changed from Angular to Enfold and loving the much easier functionality, anyway…
    My first query: I want to be able to zoom in and crop my portfolio featured image thumbnails. Its to show animation work so I want to choose just a close up section just for the thumbnails viewers click on. Using the whole image often does not work well small as a thumbnail.

    I tried going edit image in my media library choose a section, and selecting thumbnails only and clicking crop, when i click update image nothing happens at all ?

    Is there any other way I can do this ? or do I have to do it the long way round and create separate thumbnail images. If this is the case, what are the dimensions that would cover a 3 and 4 column portfolio, Im hoping I can do this some automatic way, many thanks

    #166775

    In reply to: Blog Layout

    Yes its the right page, with the widget in there for blog posts.

    here are the settings http://postimg.org/image/iztoar0n5/

    yet it still shows the entire blog and not just an excerpt, or title only whenever i change them.

    Hello!

    Regarding issue 1, you must use a selector like this one (target the li):

    #menu-item-3964 a{
        background: url(...);
    }

    Cheers!
    Josue

    • This reply was modified 12 years, 6 months ago by Josue.

    Hey!

    Regarding issue 2:

    
    .main_menu ul:first-child > li > a {  
        display:block; 
        background:url(https://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_bg_grey.png) no-repeat top;      
    }
    .main_menu ul:first-child > li > a:hover,
    .main_menu ul:first-child > li.current-menu-item > a, 
    .main_menu ul:first-child > li.current_page_item > a,
    .main_menu ul:first-child > li.active-parent-item > a,
    .main_menu ul:first-child > li.active-ancestor-item > a {
        background:url(https://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_pollimolli_blue.png) no-repeat top; display:block; 
    } 

    Cheers,
    Josue

    #166727

    Topic: Styling/Position Help

    in forum Enfold
    optizign13
    Participant

    Hello,

    I am trying to make some changes to the style/format of my website:

    http://practiceexcel.com/personaltouchdental.com/

    1) On top of the logo there is a purple bar that goes all the way across, I think this is where header text would go, I need to remove this so the logo is at the very top

    2)I need to replace the area that has the social icons (currently an envelop) with my own image, where would i do this?

    3)I need to change the bg color of the menu to be transparent

    4) How would I remove the search bar

    5) I need to center my footer menu

    Let me know if you need anything, thanks!

    #166715
    arnavisca
    Participant

    Hi, thanks for your help.

    I’m just trying to have a transparent background for a data-table on alternate rows so i can see the general background of the page (a fixed image).

    On the price tables this works straight forward, i don’t have to do anything, i only remove the background color of the main content style on enfold styling menu.

    But on the data table can not be setup it, because the theme uses the same color for all rows.

    Cheking the supports tickets here in the forum i was capable of change these background color for a different one, like “red”:

    .main_color div .avia-data-table tr:nth-child(even) td {
    background-color: red !important;
    }
    This works.

    But this same code don’t work for transparent.

    .main_color div .avia-data-table tr:nth-child(even) td {
    background-color: transparent !important;
    }

    You can check it here:
    http://rndh.net/mantenimiento-linux/

    At this moment the data table have the same configuration than the price table. And i removed all my css modifications.
    Why the alternate rows are not transparent like the pricing table?

    Thanks

    #166706

    Hey!

    I’m not getting a grid on the link provided at all. Is it on a different page now?

    Images are going to scale based on their height and width and how WordPress then scales them for the various thumbnails. If you really want consistent images its best to pre-crop them to all the same dimensions before uploading.

    Cheers!
    Devin

    #166705

    Hey jyles_ks!

    You would better off using a plugin than trying to modify the email to render html elements or include images. Otherwise it would need to be done by a freelance developer (unless you are familiar with php and automated email setup).

    Best regards,
    Devin

    #166704

    Horizontal scroll through images as seen here: http://www.petersutherland.net/

    #166676

    Hello DavyE!

    Someone reported a logo problem with 2.2 ( https://kriesi.at/support/topic/enfold-2-2-breaks-site-logo-image/ ) and I fixed the issue with an updated avia.js file (you can download it here: https://gist.github.com/InoPlugs/ff21a064c574fc154794 ). Replace the entire code in enfold/js/avia.js with the code from the github gist and check if this solves your problem.

    Cheers!
    Peter

    #166675
    ChunkyBits
    Participant

    Since, this thread has been closed to new replies, I will edit my original post with a solution.

    Within your LayerSlider -> slides -> global settings, there is a use relative URLs option. This should be disabled. Doing so will insert an absolute path to your images and also link URLs. After making this change you will need to re-select all the images in the slide, and re-save. Afterwhich, Duplicator seems to translate this correctly – or at least for the first few tests I’ve tried.

    ……

    Hi,
    I use the duplicator plug-in to move from my test-site to the live site. This generally works without any issues.

    However, I’m now using the Layerslider-WP and the image/thumbnail links within the layerslider do not appear to be translated correctly – admittedly this could be a duplicator issue! I also use an easyslider within the site, and these images and other images are translated without any problems,

    After transferring the site, the webpage loads, but the LayerSlider stalls in the circle-of-death.

    If I subsequently, edit the layer slider, click on each and every image used within the slider, and re-assign them from the media library, then it is ok. i.e., the images have been duplicated correctly, but the references are incorrect.

    Re-save permalinks in duplicator doesn’t appear to help.

    For example, when moving from the live site – http://www.assc.org.uk to a local test site.

    1) The slider works and images are referenced in LayerSlider-WP as /wp-content/uploads/2013/09/aed.png

    2) After the duplication, the image is still referenced as /wp-content/uploads/2013/09/aed.png, but the image thumbview isn’t found and contains a ‘X’.

    3) Clicking on the reference and re-selected the image from the library inserts http://127.0.0.1:4001/wordpress/wp-content/uploads/2013/09/aed.png
    which when saved becomes /wordpress/wp-content/uploads/2013/09/aed.png

    Notice the extra ‘wordpress’ in the correct path – this is the directory used by the Instant WordPress test program that I’m using.

    The setup on Duplicator changes http://www.assc.org.uk into http://127.0.0.1:4001/wordpress/ and so it should work automatically?

    Moving from the test site to the live site suffers the same issue.

    It seems specific to the layerslider on how its storing the image reference since other image references seem ok – or is it duplicator that is at fault?

    Thanks….

    • This topic was modified 12 years, 6 months ago by ChunkyBits.

    Hi Ismael,

    I’m trying to do something like this: screenshot
    So i want a big background image and transparent content containers, I asume this is possible with some cutrum CSS but i have no idea what to add :)

    Considering the mouse over effect I want to use a black and white image that turns full color on mouse over. Is that possible?

    The header thing worked, thanks!

    • This reply was modified 12 years, 6 months ago by MulderMind.
    #166588

    Hey!

    Kriesi added these two lines to avoid “content flashes” which can occur with older versions of Chrome – see: https://kriesi.at/support/topic/retina-images-and-fonts-in-portfolio-grid-theme-enfold/#post-164007

    If you want to remove them open up /wp-content/themes/enfold/css/layout.css and search for

    
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    

    – then delete both lines.

    Best regards,
    Peter

    #166587

    Right now we’re having some trouble with GoDaddy I believe because the wp admin is not working properly. Most of the time when you try to edit a page or visit widgets, etc, it shows no data received. Additionally, the elements of the avia page builder in the page editor are not loading properly.

    Is that a hosting problem or a theme incompatibility or plugin issue? We’ve tried deactivating all unnecessary plugins but everything that’s active now was installed at the beginning and was working all the time so I’m thinking it’s a hosting problem

    #166584

    Hello!

    CSS code i posted previously should work, still, i will take a look at it when i login to your website.

    Regards,
    Yigit

    #166560

    Thanks Devin, is the cropping Enfold-specific or WordPress itself?

    kirkmc
    Participant

    I like the featured images in the Enfold theme, but I don’t want to be bothered finding a different image for each post. I have five categories on my blog, and would like to use featured images by category. Is there any way to set a featured image for each category, so I don’t have to add them manually?

    #166549

    Request: replace the font icons with images

    Hi,
    i have been searching around quite a bit, but did not find an idea so far:
    Is there any way to replace the font icons in three specific icon boxes with three individual images?

    Thanks for your help!

    Cheers, Sebastian.

    #166521

    Hi!
    thanks for the reply. I don’t think is so complicated, only i don’t understand why i can’t override the opacity of the element with the one write in css inside my keyframes animation.

    .image-overlay {
    overflow: hidden;
    }
    
    .image-overlay .image-overlay-inside::before {
    font-size: 30px;
    }
    
    @-webkit-keyframes avia_pop_small {
      0%   { -webkit-transform: scale(6); opacity:(0);}
      100% { -webkit-transform: scale(1);opacity:(1); }
    }
    @-moz-keyframes avia_pop_small {
      0%   { -moz-transform: scale(6);opacity:(0);}
      100% { -moz-transform: scale(1); opacity:(1);}
    }
    @-o-keyframes avia_pop_small {
      0%   { -o-transform: scale(6); opacity:(0);}
      100% { -o-transform: scale(1); opacity:(1);}
    }
    @keyframes avia_pop_small {
      0%   { transform: scale(6); opacity:(0);}
      100% { transform: scale(1); opacity:(1);}
    }
    
    a:hover .image-overlay .image-overlay-inside {
    -webkit-animation: avia_pop_small 0.35s 1 cubic-bezier(0.000, 0.980, 0.440, 1.100)!important;
    -moz-animation: avia_pop_small 0.35s 1 cubic-bezier(0.000, 0.980, 0.440, 1.100)!important;
    -o-animation: avia_pop_small 0.35s 1 cubic-bezier(0.000, 0.980, 0.440, 1.100)!important;
    animation: avia_pop_small 0.35s 1 cubic-bezier(0.000, 0.980, 0.440, 1.100)!important;
    }
    #166520

    Hello!

    Actually I used a similar solution to calculate the menu width and the logo width and to adjust the menu width dynamically based on the logo & menu container width. The difference though is that my function does not switch to the mobile menu but it tries to reduce the paddings and the logo image width based on the screen resolution. Tbh I think the mobile menu should only be displayed on very small screens.
    The code was added with theme update 2.2 and I improved the code now ( see: https://kriesi.at/support/topic/enfold-2-2-breaks-site-logo-image/#post-165531 ) – the new code will be part of the 2.3 update. The updated version supports all types of logos (different aspect ratios, etc.) and it will calculate the padding for each menu item individually whereas my first version of the script just applied the paddings of the first item to all menu items.

    Best regards,
    Peter

    #166513

    nothing happen

    the image in post still don’t works when I use grid mode
    while works when I switch in different mode

    #166507

    In reply to: Youtube Link

    I am trying to use an image for the link but doesn’t work! Here is the code:

    <a rel="noLightbox" href="http://www.youtube.com/user/justintimberlakeVEVO"><img src="path/youtube_icon_2.jpg" width="80" height="80" alt="Facebook Channel" /></a>

    What’s wrong??

    • This reply was modified 12 years, 6 months ago by dmiklus.
    #166487

    Yes, in the meantime, we’d tried using fixed height and width and manually setting the media query sizes but it’s not working very well. What do you suggest we do?

    #166442

    Hi giammi73!

    Go to Enfold > General Settings > Blog Style, select any kind of layout except for the Grid Layout. Edit your “Blog” page, switch to Advance Layout Editor then insert the Blog Post element. Select “Grid Layout” as blog style. :)

    Best regards,
    Ismael

    #166395

    Hey!

    What you’re asking is a bit complicated and I doubt if this can be done via CSS. Please hire someone to modify the overlay effect.

    Best regards,
    Ismael

    Hi Ismael – I essentially wanted to move the right sidebar to the left and have it look exactly the same – left align with indents the same. I did some digging:
    – Changed everything to the left sidebar
    – Added this to the quick css:
    #top .sidebar_left .widget_nav_menu ul ul li:before {

    left: 0;

    }

    .sidebar_left.sidebar {

    text-align: left;

    }

    This got everything to the left (including the bullets), but any levels beyond the second aren’t indenting correct. If you look at this image the words Venacure 1470 Laser should be indented one level more because the parent page is the Venacure EVLT System above it:

    Thoughts?

    Thank you!

Viewing 30 results - 102,241 through 102,270 (of 106,413 total)