WordPress.org

Forums

Elisium
[resolved] How to Change Slides? (30 posts)

  1. nixtainternet
    Member
    Posted 1 year ago #

    LOVE LOVE LOVE THE THEME !!! -

    But how do I change the slide images ?

    thanks and thanks for the great support you started so far :D

  2. We Create Web Designs
    Member
    Theme Author

    Posted 1 year ago #

    Hello and thank you for your kind comments.

    The images are easy to replace. You can find them in the ELISIUM folder (the one that also holds the images in the theme).

    They are called business1.png, business2.png and business3.png
    We have set them at the following sizes: 465px/319px (if it's easier you can make them at 470/320 for instance).

    You can also change the URLs to the images from the APPEARANCE > EDITOR in the index.php page, but I think a replacement via FTP should be easier for you, than to start looking in the HTML code.

    Hope it answers your question.

  3. tihanyilaci
    Member
    Posted 1 year ago #

    Hi, this theme is awesome!

    I'd like to ask one thing: If it is possible, how to set the slider moving automated?

    Thanks,

    Laszlo from Hungary

  4. tihanyilaci
    Member
    Posted 1 year ago #

    However setting up option timer to true it works.
    But somehow switching this option to false animation stops.

  5. We Create Web Designs
    Member
    Theme Author

    Posted 1 year ago #

    Setting the timer to true makes the slider change automatically indeed. You can leave it set to true and it will do this :)

  6. tihanyilaci
    Member
    Posted 1 year ago #

    Thank You for Your answer! My next question is, when setting the timer to true and pausing the animation the 'play' icon's right part is hiding. And both of the icons 'play' and 'pause' are twice as high as the documentation of Foundation 4 shows at the orbit's manual.
    http://foundation.zurb.com/docs/v/4.3.2/components/orbit.html
    How can I change the size of the icons? Maybe that solves the problem.

    Best Regards

    Laszlo

  7. philippedonnart
    Member
    Posted 1 year ago #

    All element in slider are center on Google Chrome on your demo and on my website
    Job de mes rĂªves

  8. tihanyilaci
    Member
    Posted 1 year ago #

    It also happens in Firefox when the browser's width is over 1703px. The same situation in Chrome so it seems this is not browser related.

  9. We Create Web Designs
    Member
    Theme Author

    Posted 1 year ago #

    @tihanyilaci, all further styling can be done in the style.css, after Orbit Graceful Loading. You can edit the look of the slider, even make it 'disappear' at a certain screen res.

    @philippedonnart, your site and our demo look OK to me in FF, Chrome and IE. Anyway, if further styling is needed, it's all to be found in the style.css. Just remember to always keep a backup.

    I'll close this thread, since we replied to the initial question. Thank you for using Elisium and keep us posted with your progress.

  10. tihanyilaci
    Member
    Posted 1 year ago #

    @philippedonnart
    change this line in style.css:

    @media only screen and (min-width: 1281px) and (max-width: 1720px) {

    to something like this:

    @media only screen and (min-width: 1281px) and (max-width: 1920px) {

  11. yandaroalamien
    Member
    Posted 1 year ago #

    Hi,
    I am very very new to wordpress, been searching high and low on how to change the picture on the slides. Saw the earlier comment on the same matter, you mention something about a folder, Where can I found this folder? and how do I make the changes to the picture?... Help

  12. philippedonnart
    Member
    Posted 1 year ago #

    @tihanyilaci
    Thank's

    @yandaroalamien
    for me it's in wp-content/themes/elisium/elisium

  13. yandaroalamien
    Member
    Posted 1 year ago #

    Got it, @philippedonnart... I found the folder, how do I make the changes then? I have created an image on the size recommended, but how do I make the changes?

  14. philippedonnart
    Member
    Posted 1 year ago #

    @yandaroalamien
    give the same name and replace is a solution

  15. We Create Web Designs
    Member
    Theme Author

    Posted 1 year ago #

    The images are called business1.png, business2.png, business3.png. They are in the elisium folder, in the main elisium theme directory.

    We have set them at the following sizes: 465px/319px (if it's easier you can make them at 470/320 for instance).

    You just create new ones and call them the same, then with your FTP program you go to /wp-content/themes/elisium/elisium and you'll see the 3 images. REPLACE them and it should work ;)

  16. stretcho69
    Member
    Posted 1 year ago #

    Hi - Fairly new to this theme - How to you get the slides to move? Ive seen above post about changing the timer to true but cant seem to find this in the CSS file. help greatly appropriated

  17. tihanyilaci
    Member
    Posted 1 year ago #

    @stretcho69
    Hi, You can set it up at the
    ul html tag's data-options attribute.

    Appearance > Editor > Main Index Template (index.php)

    this line is to look for:

    <ul data-orbit data-options="bullets:false;slide_number:false;pause_on_hover:false;timer:true;">

  18. We Create Web Designs
    Member
    Theme Author

    Posted 1 year ago #

    Yes, the code is in the index.php template file. Set the timer from false to true and it would work.
    Thank you, tihanyilaci, for the fast response ;)

  19. stretcho69
    Member
    Posted 1 year ago #

    Excellent - thank you very much for the response - worked a treat! Just one final quick question - How do you control the speed of the slides? Thanks again

  20. We Create Web Designs
    Member
    Theme Author

    Posted 1 year ago #

    Go to the /js/ folder in the elisium theme directory. Open foundation.min.js and look for settings:{animation:"fadeOut",speed:300

    Try to modify the 300 with a desired number. Let us know if it works for you. The full documentation can be found on http://foundation.zurb.com/docs/v/4.3.2/components/orbit.html

  21. tihanyilaci
    Member
    Posted 1 year ago #

    @stretcho69

    Yes, you can find in the documentation many options to set up the slider properties

    Look for the section called 'Optional JavaScript Configuration'. Those options can be set in the data-options attribute of the ul tag like this:

    <ul data-orbit data-options="bullets:false;slide_number:false;pause_on_hover:false;timer:true;timer_speed:5000;">

  22. stretcho69
    Member
    Posted 1 year ago #

    spot on tihanyilaci - thanks for your help

  23. chakra_wp
    Member
    Posted 1 year ago #

    Even after replacing the business1.png images am not getting the slider in home page. Please help.

  24. We Create Web Designs
    Member
    Theme Author

    Posted 1 year ago #

    Hello, have you activated the index page?

  25. chakra_wp
    Member
    Posted 1 year ago #

    Thanks.Got it. I choosed the home page as post recent blogs. Now i see the thumbnails listed in the post are in different size. I have tried setting set_post_thumbnail_size( 100, 50); in the fuction.php & as well as used different plugins to resize the home page thumbnail. Still the same issue. Please help

  26. We Create Web Designs
    Member
    Theme Author

    Posted 1 year ago #

    Link to the website, please :)
    Maybe it helps me get an idea of how to help you with it.

  27. chakra_wp
    Member
    Posted 1 year ago #

    itzgud.com . I have this custom slider in homepage where my recent blogs are listed with thumbnail. Need your help to resize the thumbnail in homepage.

  28. We Create Web Designs
    Member
    Theme Author

    Posted 1 year ago #

    Please go to SETTINGS > MEDIA. Have you checked this: Crop thumbnail to exact dimensions (normally thumbnails are proportional)? It should make your thumbnails the same width. You'll probably also need to regenerate the thumbnails. There's a plugin that can do it for you, Regenerate Thumbnails.

    More about thumbnails: http://codex.wordpress.org/Function_Reference/set_post_thumbnail_size

  29. tufanju79
    Member
    Posted 1 year ago #

    I am using Elisium theme. Its great. Can you tell me how I can change color of logo area which is white in color.

  30. faranez
    Member
    Posted 1 year ago #

    can i change slider image business1.png to business1.swf ?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.