Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 6, 2017 at 6:49 pm #861128
    abortolotti

    Hi guys,

    on this page https://villaitaly.it/availability/ I created a background overlay effect in the header, photo and calendar elements, for each of the villas displayed.
    I did that using the following CSS into the Quick CSS field, as I remember one of you told me a year or two ago:

    .page-id-433 .avia-builder-el-36 { padding: 20px;
    background-color: rgba(0,0,0,0.6); }

    While I was able to create it for every element I mentioned above, related to each villa. I can’t seem to have the effect show up for the last villa called FLORENCE – PARADISO DEGLI ALBERTI.

    I saw that the elements are 35 for the header, 36 for the photo and 40 for the calendar, but even though I add the code or try with different numbers (37,38, 39), I don’t seem to get any of those to show up as for all the other villas above.

    Can you help, please? Is there maybe an easier way to create that overlay semi transparent frame?

    Thank you so much. You always rock!

    October 10, 2017 at 3:24 am #862212
    Nikko

    Hey Antonio,

    Can you try adding this css code:

    .page-id-433 .avia-builder-el-35, 
.page-id-433 .avia-builder-el-38, 
.page-id-433 .avia-builder-el-42 {
    padding: 20px;
    background-color: rgba(0,0,0,0.6);
}

    if that doesn’t work, try:

    .page-id-433 .avia-builder-el-35, 
.page-id-433 .avia-builder-el-38, 
.page-id-433 .avia-builder-el-42 {
    padding: 20px !important;
    background-color: rgba(0,0,0,0.6) !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    October 11, 2017 at 1:36 pm #862861
    abortolotti

    HI Nikko,

    unfortunately the code doesn’t work! I have no idea why it’s no longer taking that code.

    Maybe @Yigit can do another miracle? :)

    October 11, 2017 at 2:29 pm #862896
    Nikko

    Hi,

    I deactivated this plugin: Fast Velocity Minify and reactivated it back to refresh the minified css and it works fine now. Let us know if you need more assistance. :)

    Best regards,
    Nikko

    October 11, 2017 at 2:30 pm #862897
    abortolotti

    Awesome Nikko!

    Thank you so much!

    October 11, 2017 at 3:17 pm #862921
    Nikko

    Hi,

    Glad we could help. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Creating background overlay effect’ is closed to new replies.