Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter klajda

    (@klajda)

    Hey,
    I ahve to say, I am beginner with Elementor and I have free license so far, just testing it on my personal blog and exploring its possibilities.

    I wanted a picture which would change after hover. At first I tried that with “image” widget, but it didn’t work. Then I found out I can just set background of column and its hover effect. I added titles under the images in different column so the image would change after hover of image only. But on phone and tablet, it took sections in row first. So it showed all images in row fisrt and then all titles. So I had to put title widget in same column with background image set and the hover effect showed also by hovering the title. In this moment I wrote last message, but I found out I can just put there blank space widget and set background image / hover effect only for blank space widget, not whole column. This is solving my problem so far -> I have images with hover “cover” effect (It shows different image), it’s with titles under images even on phones and tabs and the hover effect works only on background image, not on title as well.

    I hope you understand the issue, it’s solved anyway now.

    Thanks!

    Thread Starter klajda

    (@klajda)

    Hello,
    thanks for reply, I’ve done it already through background, but I’ve found out one problem with my site. I have some description under image so I have blank space with background image set and under image I have headline. Problem is I have more images in a row and when I am on mobile, I see all sections in one row first. So I have headlines in same section as background image, but the hover effect shows even when I point on headline or blank space.

    Is there any option to set the rank of section showed on mobile devices or I simply must have it all in one section to be showed properly and hover effect will be still active even hovering the blank spaces or headlines.

    Thanks for reply.

    Thread Starter klajda

    (@klajda)

    So I made my button ID = SUBMIT,

    #SUBMIT {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    }
    
    #SUBMIT:hover {
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
    }

    It works now, just hope it won’t disappear after theme update.

    Thanks a lot.

    • This reply was modified 7 years, 5 months ago by klajda.
    Thread Starter klajda

    (@klajda)

    Thanks, thats exactly what I was looking for. I just wanna ask, may I put it directly in CSS of plugin or I have to create child theme?

Viewing 4 replies - 1 through 4 (of 4 total)