Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 12, 2016 at 10:43 am #698184
    rolf2

    Hi,
    I don’t manage avoid opacity of images in equal height two fifth columns:

    Page with image 1
    and here:
    Page with image 2
    What can I do?

    Best regards,
    Rolf

    October 12, 2016 at 4:11 pm #698366
    Yigit

    Hey rolf2,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .toggle_content.invers-color, .flex_column.av_two_third.flex_column_div.av-zero-column-padding.first.avia-builder-el-16.el_before_av_one_third.avia-builder-el-first, .flex_column.av_two_third.flex_column_div.first.avia-builder-el-19.el_after_av_one_full.el_before_av_one_third.column-top-margin, .flex_column.av_three_fifth.flex_column_div.first.avia-builder-el-1.el_before_av_two_fifth.avia-builder-el-first, .flex_column.av_three_fifth.flex_column_div.first.avia-builder-el-3.el_after_av_one_full.el_before_av_two_fifth.column-top-margin, .flex_column.av_two_third.flex_column_div.first.avia-builder-el-3.el_after_av_one_full.el_before_av_one_third.column-top-margin, .flex_column.av_one_half.flex_column_table_cell.av-equal-height-column.av-align-top.first.avia-builder-el-2.el_after_av_textblock.el_before_av_one_half.column-top-margin, .flex_column.av_one_half.flex_column_table_cell.av-equal-height-column.av-align-top.avia-builder-el-4.el_after_av_one_half.avia-builder-el-last.column-top-margin, .flex_column.av_one_third.flex_column_div.avia-builder-el-21.el_after_av_two_third.el_before_av_one_half.column-top-margin, .flex_column_table.av-equal-height-column-flextable {
    opacity: 1;
}

    Best regards,
    Yigit

    October 12, 2016 at 4:24 pm #698385
    rolf2

    Hi Yigit,
    if doing so, the three fifth columns on left side are also without opacity.
    Best regards,
    Rolf

    October 12, 2016 at 4:25 pm #698387
    Yigit

    Hi,

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your cell and give it a custom CSS class (“your-custom-class” in the example) and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .your-custom-class { opacity: 0.8; }

    Best regards,
    Yigit

    October 13, 2016 at 9:12 am #698627
    rolf2

    Hi Yigit,

    I did so, using the class “noopacity” for layout element and image-element but any opacity value applied (0 – 0.9) doesn’t remove the opacity. Value “1” makes the image even disappear.

    Best regards,
    Rolf

    October 13, 2016 at 1:20 pm #698689
    Yigit

    Hi,

    You applied the class to the wrong column, i corrected it in both of your pages. Please review your website now. You can find custom CSS code i used in Appearance > Editor > Style.css file of your child theme

    Best regards,
    Yigit

    October 14, 2016 at 9:52 am #699022
    rolf2

    Hi Yigit,

    thank you. Both pages are fine now. But I am sorry. Unfortunately other pages lost their opacity:
    Profil:
    Accordeon has no opacity anymore.

    Betriebliche Sozialberatung:
    Three fifth column and two fifth column have no opacity anymore.

    Gesundheitsförderung:
    Both two half columns have no opacity anymore. Images here should be exempt from opacity.

    Best regards,
    Rolf

    October 14, 2016 at 1:56 pm #699113
    Yigit

    Hi,

    Can you please edit those pages and give “opacity” class to elements that you would like to apply lower opacity, accordion element for example? :)

    Best regards,
    Yigit

    October 15, 2016 at 5:51 pm #699382
    rolf2

    Hi Yigit,

    sorry, now I understand. With the possibility to apply individual classes to any element it is easier than I thought.

    Thank you very much!

    Best regards,
    Rolf

    October 15, 2016 at 6:19 pm #699383
    Basilis

    Hi!

    No worries.
    Please feel free to create a new ticket if you want.
    We would also appreciate if you can also rate our theme at themeforest, we would really appreciate it!

    Thanks a lot

    Best regards,
    Basilis

    October 15, 2016 at 7:02 pm #699396
    rolf2

    Hi,

    I rated the theme with 5 stars now. :-)

    Rolf

    October 17, 2016 at 7:35 am #699805
    Rikard

    Hi Rolf,

    Thank you very much!!

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Avoid opacity of image in equal height two fifth columns’ is closed to new replies.