Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • December 30, 2014 at 6:51 pm #373238
    Webmasterteam

    Hi,

    I want to create a page with galleries (albums) for instance this here:

    Photo gallery will be is constantly being expanded.
    How can I create this with Enfold tools? Or should I better use other a plugin?
    What for recommendations are there?

    Portfolio
    What is the benefit of a portfolio? When should be used it?
    Regards

    • This topic was modified 9 years, 10 months ago by Webmasterteam.
    December 30, 2014 at 7:47 pm #373266
    Elliott

    Hi Webmasterteam!

    You’ll probably want to use the portfolio post types for this. You can create portfolio posts and display them in a lot of different ways with our portfolio shortcode, http://kriesi.at/themes/enfold/portfolio/portfolio-3-column/.

    Or if your just wanting to display single images instead of albums then you can try out our Masonry Gallery shortcode, http://kriesi.at/themes/enfold/shortcodes/masonry-gallery/, or use a combination of both.

    Best regards,
    Elliott

    December 31, 2014 at 11:53 am #373448
    Webmasterteam

    Hi Elloitt,
    I want to create a button to open a gallery on the same page. What is the link to open the gallery?
    This is my gallery:

    [av_gallery ids='351,350,349' style='thumbnails' preview_size='portfolio' crop_big_preview_thumbnail='avia-gallery-big-crop-thumb' thumb_size='shop_thumbnail' columns='5' imagelink='lightbox' lazyload='avia_lazyload']

    Where can I find more commands for customize the gallery?

    Best regards

    December 31, 2014 at 5:28 pm #373610
    Elliott

    Hey!

    When you say “open a gallery” do you mean you want a button that when clicked on will open a bunch of images inside the magnific popup?

    Go ahead and send us a link and take a screenshot highlighting what your trying to do so we can get a better idea.

    Regards,
    Elliott

    January 1, 2015 at 7:28 pm #373881
    Webmasterteam
    This reply has been marked as private.
    January 1, 2015 at 7:52 pm #373895
    Elliott

    Hey!

    I suppose you could use some CSS to hide the gallery and then add some javascript to the powerchords image to display it when clicked on. Send us a link and we’ll take a look.

    Best regards,
    Elliott

    January 1, 2015 at 8:25 pm #373904
    Webmasterteam
    This reply has been marked as private.
    January 1, 2015 at 10:46 pm #373945
    Elliott

    Hi!

    Drag a codeblock element to the page and add this inside.

    <style type = "text/css">
.avia-gallery { display: none; }
</style>

    And then for your image drag another codeblock element over and add this inside.

    <img src = "URL to your image" onclick = "jQuery('.avia-gallery').show();" />

    Regards,
    Elliott

    January 15, 2015 at 8:28 pm #380395
    Webmasterteam
    This reply has been marked as private.
    January 15, 2015 at 8:36 pm #380406
    Webmasterteam
    This reply has been marked as private.
    January 16, 2015 at 7:09 pm #381027
    Elliott

    Hi!

    So when you open one of the portfolio items and have their content loaded via AJAX your wanting to hide all of the other portfolio items?

    I’m not sure I understand correctly. Go ahead and take a screenshot and highlight what your trying to do so we can get a better idea.

    Cheers!
    Elliott

    January 17, 2015 at 10:55 pm #381324
    Webmasterteam
    This reply has been marked as private.
    January 17, 2015 at 11:23 pm #381328
    Webmasterteam
    This reply has been marked as private.
    January 20, 2015 at 5:22 pm #382552
    Elliott

    Hi!

    Is this how your doing it?

    .main_color {
  background: url("/powerchords/wp-content/uploads/2015/01/DSC03599-be_Kopf_03.jpg") no-repeat scroll center top #ffffff;
}

    Remove that and add it to the header background instead in Dashboard > Enfold > General Styling > Logo Area.

    Cheers!
    Elliott

    January 20, 2015 at 11:07 pm #382771
    Webmasterteam
    This reply has been marked as private.
    January 21, 2015 at 7:05 pm #383262
    Elliott

    Hey!

    So your wanting to remove it on your homepage correct? Add this.

    .home #after_full_slider_1 {
  background: none repeat scroll 0 0 transparent !important;
}

    Best regards,
    Elliott

    January 21, 2015 at 11:14 pm #383407
    Webmasterteam

    thanks, it works so far.
    But the Background image of the other pages are not in “responsive design”?

    best regards

    January 23, 2015 at 10:38 am #384276
    Ismael

    Hey!

    What do you mean by “are not in responsive design”? Let’s visit this page, http://www.ungecombo.de/powerchords/galerie/. Can you please provide a screenshot on how you want that page to look like? How you want the background to look like to be exact.

    Cheers!
    Ismael

    January 24, 2015 at 12:43 pm #384857
    Webmasterteam

    Hi,

    when I reduce the screen, or I use a smartphone, – The background-image is not completely visible, only a part of this image.
    You can try it, with the link above.

    January 26, 2015 at 8:17 am #385268
    Ismael

    Hey!

    Yes, we can see that. How do you want it to look like? Please remove this code from the Quick CSS field:

    .main_color {
background: url("/powerchords/wp-content/uploads/2015/01/DSC03599-be_Kopf_03.jpg") no-repeat scroll center top #ffffff;
background-size: 1310px 200px;
}

    Replace it with:

    .main_color {
background: url("/powerchords/wp-content/uploads/2015/01/DSC03599-be_Kopf_03.jpg") no-repeat scroll center top #ffffff;
background-size: cover;
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.