CSS Mystery

  • Hi all, I am quite new to CSS and while I am OK editing basic things I am struggling with something and I hope you can help.

    I need to set the opacity of an image to zero so it essentially is not viewable, I have found the code I need to edit using Google Inspect Element, however the file it is telling me to edit does not seem to exist on the server, I have looked and looked.

    So, I am guessing what I need to do is add code rather than edit it?

    Any help much appreciated
    Thanks
    Terry

    • This topic was modified 4 years, 7 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic
Viewing 7 replies - 1 through 7 (of 7 total)

  • If you want to change the css the best way is to add it in the customizer.

    If you click on the custimize option. You will find a section labeled additional css.

    If you are using the inspector and you like the change just copy and pasted it in the box that appears in the additional css when the button is clicked. Just be careful not to delete anything that might have already been added.

    If it doesn’t work you can delete the changes by clicking the additional css button again high lighting it and deleting it.

    • This reply was modified 4 years, 7 months ago by mrtom414.
    Thread Starter terryscott2

    (@terryscott2)

    Thanks ??
    OK, so I just need to set the opacity to 0, here is the code I see (I have removed some stuff)

    body.REMOVED .rating-wrap li.rating REMOVED img {
    width: 100%;
    position: relative;
    -webkit-transform: rotateY(10deg);
    transform: rotateX(55deg);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    filter: grayscale(100%);
    opacity: .3;
    transition: .4s;

    So I just paste that in with the opacity changed?
    Thanks again
    Terry

    you dont even have to past the whole thing just the value you want to change 

    body.REMOVED .rating-wrap li.rating REMOVED img {
opacity:0;
}
    Thread Starter terryscott2

    (@terryscott2)

    OK I will give it a go now, do I have to be on the page I want to customize or does that not matter?

    Thank you for this, it’s a great help ??
    Terry

    if you don’t want the space occupied by the image you could set display:none; instead.
    This would cause the space to collapse. It really depends on what you want to happen.

    You just need to be logged in and you should see the customize button. The additional CSS option is built into WordPress. It should appear no matter what theme you are working with.

    • This reply was modified 4 years, 7 months ago by mrtom414.
    Thread Starter terryscott2

    (@terryscott2)

    It just needs to be invisible but keep the spacing, the opacity seems to be perfect to edit ??

    Thread Starter terryscott2

    (@terryscott2)

    That worked, thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘CSS Mystery’ is closed to new replies.