Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 17, 2018 at 9:47 pm #1023018
    imriky

    Hi everyone, I’m a beginner, sorry for my lack of a better vocabulary.

    I wanted to customize a portfolio grid on a test webpage I’m setting up for a client.

    I started by increasing the spacing from one entry to the other using the following:

    .grid-entry .inner-entry {
margin-right: 20px;
}

    Everything went fine. I also wanted to remove the icon and the overlay when hovering so I added this:

    .image-overlay { background: transparent; }
.grid-image img { opacity: 1; }
.grid-image img:hover { opacity: 1; }

    and this:

    .image-overlay-inside, .image-overlay.overlay-type-extern { display: none; }

    I don’t remember what other tests I tried in other to figure out how to get what I wanted (I mean pasting codes on the quick css and then refreshing the page until I was happy with the result, nothing else).

    Now the margin between the entries is gone and the overlay and icon are back. The codes that once worked are still there. I tried to remove everything else and leave only the ones I pasted here. No change whatsoever. The portfolio grid returned to its original state and nothing seems to affect it.

    Can you help me? Thanks a lot

    October 18, 2018 at 4:05 pm #1023411
    imriky

    Anyone?

    October 19, 2018 at 12:23 pm #1023889
    Victoria

    Hi imriky,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    October 19, 2018 at 2:39 pm #1023934
    imriky

    Hi Victoria, thanks for your reply.
    I was trying to achieve a portfolio grid with some spacing between the entries and to remove any kind of overlay or icon showing up on hover. Let me set it up again (I had to find a way around it so I replaced it with a masonry). I also changed the page’s name so I will post the URL again.

    Thank you

    October 19, 2018 at 7:56 pm #1024192
    imriky

    I think I just realized that the Quick CSS simply doesn’t work anymore. Not just for portfolio grids. The codes I pasted up to a certain point still work though.

    October 20, 2018 at 3:49 am #1024280
    Mike

    Hi,
    Perhaps you are missing a bracket in your Quick CSS, that would allow some of the css to work to a point and then starting with the missing bracket the rest of the code won’t work.
    A easy way to check is to copy all of the css and paste it into the WordPress > Customize > Additional CSS field.
    WordPress will alert you to code errors and often how to fix it.

    Another possibility is that the sector in the rule has a missing dot for one of the classes, or a space were there should not be, or everything could be fine, but you need to add “!important;” to the end.

    Please try checking your css in the WordPress > Customize > Additional CSS first, as often that is often the issue.

    Best regards,
    Mike

    October 22, 2018 at 7:34 pm #1025069
    imriky

    Hi Mike,

    Thanks for your reply. Unfortunately, none of those methods seemed to work. Removing everything from the Quick CSS and leaving only the following code doesn’t help either.

    .grid-entry .inner-entry {
margin-right: 20px!important;
}

    The problem is that I found my way around the portfolio grid using a Masonry instead, but now when I try to customize that I can’t. I’m thinking that something must’ve broken. Being a beginner I didn’t/don’t know that could happen by messing with the Quick CSS.

    I found something about renaming the enfold.css file but I’m way too unskilled to understand what it means or how to achieve that. (https://kriesi.at/support/topic/quick-css-issue/)

    October 22, 2018 at 7:46 pm #1025074
    imriky

    Nope, I take it back. I managed to increase the spacing between the Masonry tiles (I was probably just using the wrong code). The Portfolio grid still isn’t affected but that code that once worked fine. As I said I found my way around it, but I would still appreciate knowing what that could depend on.

    Thanks

    October 23, 2018 at 6:40 am #1025246
    Mike

    Hi,
    I took another look at the gallery link in the Private Content area, to see why you were not seeing any changes with your css above.
    For the sector, “.grid-entry .inner-entry” the images already have a 20px all around, so your 20px on the right side doesn’t add anything.

    Best regards,
    Mike

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