[Resolved] Sections bg-image opacity

Home Forums Support [Resolved] Sections bg-image opacity

Home Forums Support Sections bg-image opacity

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #187738
    Jamal

    Hi again,

    I would like to have a hover effect on sections background images so as to decrease image opacity on hover. Would appreciate any help,thanks πŸ™‚

    Agressively support the kind of work you want to see. Buy it. Talk about it. Review it.

    #187758
    Roberto Enrique

    Unfortunately you can not modify opacity of section backgrounds without affecting all child elements (everything inside the section)

    You can have a look here to see if you can implement some sort of workaround:
    https://scotch.io/tutorials/how-to-change-a-css-background-images-opacity

    #187853
    Jamal

    Aa thanks for the reply,i will play around with it and see how it goes.

    In the meantime let me explain better what i wanted to achieve. I have some text on the sections that has a background image with lots of colors. Since i cant chose a good text color to highlight the text better,i would like for the text to be more visible when i hover over that section. Is this doable?

    Thanks a lot !

    Agressively support the kind of work you want to see. Buy it. Talk about it. Review it.

    #187856
    Roberto Enrique

    Everything is doable.
    Can you send me your link so i can look at it?

    #187858
    Jamal

    I like that attitude that everything is doable,wish i knew to code as well πŸ™‚

    Should i send you the link through hello@artomultiplo.eu ?

    Agressively support the kind of work you want to see. Buy it. Talk about it. Review it.

    #187859
    Roberto Enrique

    Send it, but I’ll answer you here.

    #187874
    Jamal

    Did you figure it out? Thanks

    Agressively support the kind of work you want to see. Buy it. Talk about it. Review it.

    #187882
    Roberto Enrique

    Why don’t you just make the images darker and full width?
    You can also make the titles in a heavier (bolder) font weight so they display better.
    For the little text (normal paragraphs) inside the sections you can chose to do them in something like h3, then you make a white normal section with the long text bellow.
    Something like this, may be more easy to read:

    View post on imgur.com

    #187883
    Roberto Enrique

    So nice the oEmbeds here on the forum!

    #187885
    Jamal

    This looks awesome,thank you very much. Please share with me how you achieved this,do i have to make the images darker by myself or can i achieve that with a code (lazy fellow here πŸ™‚ )

    This is super great,really appreciate it.

    Agressively support the kind of work you want to see. Buy it. Talk about it. Review it.

    #187886
    Roberto Enrique

    You don’t have to touch any code to arrive to that result, everything is already available inside sections add-on.

    I think that the only thing that you have to install, in case you don’t know how to write html is this: https://wordpress.org/plugins/lightweight-grid-columns/
    for the columns in the second and latest section.

    For the darker images, that’s something really easy to accomplish with photoshop, gimp or even https://pixlr.com/editor/

    #187931
    Tom
    Lead Developer
    Lead Developer

    You’re awesome, Roberto! πŸ™‚

    #187940
    Roberto Enrique

    πŸ™‚

    #187998
    Jamal

    Thanks very much once again Roberto,you have been of immense help. Tom gets a coffee on your behalf.

    Agressively support the kind of work you want to see. Buy it. Talk about it. Review it.

    #187999
    Roberto Enrique

    Awesome, you’re doing the right thing!
    Please share your link when you finish your website πŸ™‚

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