Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1248730

    Hi! I’m using blog raster layout and I want to change the title color when you hover the image. I tried:

    a.slide-image:hover h3.slide-entry-title.entry-title {
    color: #d62548 !important;
    }

    But it doesnt do anything. Can you help me?

    Thanks a lot! Janneke

    #1248850

    Hey jannnnnneke,

    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 article.slide-entry:hover .slide-content .entry-content-header a {
     color: #d62548;   
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1248931

    Thanks! But now the title is getting pink when you hover the whole blog square. But the square is not everywhere clickable, so now it looks like you can click on the excerpt for example, but that is not possible. So I only want the title to be pink when you hover the image. Not the whole square.

    OR is it possible to make the whole blog square clickable? That would be even better!

    #1249124

    Hi jannnnnneke,

    Please try this code:

    
    #top article.slide-entry .slide-image:hover + .slide-content .entry-content-header a {
     color: #d62548;   
    }
    

    Most likely, it’s not going to work, since the slide title is a sibling, not a child element.

    You need to remove the other code first.
    Best regards,
    Victoria

    #1254310

    Hi Victoria,

    Is it also possible to make the whole slide-entry clickable?

    #1254480

    Hi jannnnnneke,

    This is not a css fix and will require making changes in the php files.

    Best regards,
    Victoria

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