Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • November 15, 2017 at 6:16 pm #877176
    pddcoms

    Hi. Here i use many Fotowalls jet-plitka.ru and i need to make somethnig like on this site https://www.londontile.co.uk/ https://yadi.sk/i/2-s-7zCv3PjAEd
    I need to move the Image Title to the lower left corner, with the substrate a colored background for the title and description.
    I ask a lot of questions because I do not understand how to get CSS Class for element((

    November 16, 2017 at 7:37 pm #877693
    Victoria

    Hey pddcoms,

    You can use the masonry element but the images have to have appropriate aspect ratios to look like that. DO you have a page where you put implemented already?

    Best regards,
    Victoria

    November 16, 2017 at 10:51 pm #877812
    pddcoms

    Yes i have. Jet-plitka.ru I mean title on this images.

    November 17, 2017 at 4:55 pm #878188
    pddcoms

    If it possible, I will wait for an answer on the above. If not, i did what I could but I can not align the description on the left side under the heading. and I would like the overlay to be just under the text and description. jet-plitka.ru

    November 18, 2017 at 1:29 pm #878553
    Victoria

    Hi, pddcoms

    You’ve made great progress!
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
  text-align: left;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 20, 2017 at 9:06 am #878983
    pddcoms

    Thank you)) i add the code but i still have overlay on full image. how i can overlay for fotowall like this? https://yadi.sk/i/vMMc3bVi3Pr4Pj

    November 20, 2017 at 9:37 am #878995
    pddcoms

    One more easy question how i can make fixed tab text section size? https://yadi.sk/i/3i8-kzGl3Pr7Kt

    November 21, 2017 at 2:57 pm #879745
    Nikko

    Hi,

    Try adding this css code in Quick CSS:

    .home #av-layout-grid-2 .tab_content {
    max-height: 159px;
}

    Just adjust the maximum height. Hope this helps :)

    Best regards,
    Nikko

    November 22, 2017 at 11:43 am #880184
    pddcoms

    Thanks, but what about this question? ” Thank you)) i add the code but i still have overlay on full image. how i can overlay for fotowall like this? https://yadi.sk/i/vMMc3bVi3Pr4Pj “

    November 23, 2017 at 7:03 pm #880866
    Nikko

    Hi,

    I’m just a little bit confused, the screenshot you posted with the one you circled is the same as what I exactly have on my screen, so it seems to be already done. Can you elaborate more on what you want to achieve?

    Best regards,
    Nikko

    November 24, 2017 at 8:08 am #881079
    pddcoms

    Again wait …I have this https://yadi.sk/i/-zJ9Q_7u3PyooE and this https://yadi.sk/i/voGpdcEP3PyopP , i need like this https://yadi.sk/i/vMMc3bVi3Pr4Pj

    November 24, 2017 at 3:59 pm #881255
    Nikko

    Hi,

    Can you try adding this css code in Quick CSS (located in Enfold > General STyling):

    #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title > font, 
#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-content {
    background: rgba(0,0,0,0.5);
    padding: 3px 8px;
    line-height: 1.7;
}

    Let us know if this helps.

    Best regards,
    Nikko

    November 27, 2017 at 9:09 am #882126
    pddcoms

    Thanks for CSS but not everything is so good)) look pls https://yadi.sk/i/z1rPjZ063Q5CGi https://yadi.sk/i/hAp2AVhL3Q5CHP

    November 28, 2017 at 4:31 am #882492
    Ismael

    Hi,

    Thank you for the screenshot. Please add the following css code to wrap the title in a transparent background.

    #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    background: #000;
    filter: alpha(opacity = 80);
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin: 30px 0 1px 0;
    padding: 10px 15px;
}

    Best regards,
    Ismael

    November 30, 2017 at 10:14 am #883308
    pddcoms

    Great!

    November 30, 2017 at 2:39 pm #883443
    Ismael

    Hi,

    Glad we could help. Please feel free to open a new thread if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Fotowall’ is closed to new replies.