Il Domandatore

I use Wordpress and edit the CSS through the theme. I have some pieces of code to tweak but they only work on the preview of the Chrome developer tools. I go to the affected page and it doesn't make certain changes. Why?

I already had this implementation and wordpress gives it this way.

I ask to have the hidden menu on hover. I press above and I see the list. This I can not do it.

I did not understand the meaning of this link; I need it to be clickable.

You say I have the same settings with hover and this makes you forget the changes? Did I get it right?

I tried to change the height;

From so
{
     position: relative;
     top: 0px;
     float: right;
     width: 44px;
     height: 852px;
     border-radius: 10px;
     background-color: rgb (65, 21, 98);
     background-clip: padding-box;
}

to so

{
     position: relative;
     top: 0px;
     float: right;
     width: 44px;
     height: 33%;
     border-radius: 10px;
     background-color: rgb (65, 21, 98);
     background-clip: padding-box;
}

I changed from the Oceanwp theme, custom CSS, the display to block, but it behaves exactly the same as with the Chrome developer tool. Display: none;

I tried to change something else with the Chrome Developer Tool and as soon as I hover over it, the changes are removed. Strange...

A little explanation please? To the eye it seems that this is not what I am looking for.

I have inserted a custom scroll bar on the right.
I want to put this scroll bar also in the menu, but I did not succeed.

{
     width: 44px;
     z-index: auto;
     cursor: default;
     position: fixed;
     top: 0px;
     height: 100%;
     right: 0px;
     opacity: 1;
     display: block;
     background: rgb (255, 255, 255);
}

<div id = "ascrail2000" class = "nicescroll-rails nicescroll-rails-vr" style = "width: 44px; z-index: auto; cursor: default; position: fixed; top: 0px; height: 100%; right : 0px; opacity: 1; display: block; background: rgb (255, 255, 255); "> <div class =" nicescroll-cursors "style =" position: relative; top: 0px; float: right; width: 44px; height: 255px; border-radius: 10px; background-color: rgb (65, 21, 98); background-clip: padding-box; "> </div> </div>

https://oldfreegame.com

There is something wrong. The menu is off-center to the left.

https://i.postimg.cc/MZ9rz9Jt/Schermata-2021-02-06-a-12-15-42.png

How can I space the writings in the menu and that they are of equal distance? I have the menu with the language. Also, if I zoom out of the browser, the page is not responsive.

Okay, I try the reverse solution, it should work. I go to attempts.

I am using the theme Oceanwp and I use a mild effect to pop up and vanish submenu. I see the submenu putting the Block, but to see the information on the instrument developer, I have to click with the option to inspect the items. it is from that moment that display returns to None.

When I hit select an element, the block option returns to none.

You say it's too much to focus on readability 0 on the Hemingway app?

Why if I modify with the developer tool the changes work and with the custom CSS in the theme do not?

.switcher a {
    text-decoration: none;
    display: block;
    font-size: 24px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

Where do I find the CSS files? I didn't understand what to do, I'm a beginner.

I used a WordPress theme and I know a little about CSS and HTML basics. In fact I managed to make 2 changes myself and I will make some. If you tell me how to do, it is possible for me to understand how to change the settings at will.

Unfortunately I get confused looking at an entire site.

https://oldfreegame.com

I'm using Wordpress and plugins, I put the website.

https://oldfreegame.com/

I would like to place the menu with the same distance between the right and left sides where there is no text and between the text.

I have half of the menu that on hover, the submenu appears. I wish they were like the rest, that is, click on the menu to see the submenu.

I've tried using Chrome's developer tool, but most of the features don't change.

I have studied HTML and CSS self-taught several times, but I forget everything. It's not for me. So I took Wordpress and chose OceanWP as the theme.

I would like some customizations on the OceanWP theme, can I put a wish list on the forum? Thanks to W3school, I know what I would like.

anyone could help me?

How insert -moz- and other browser support? 
Should I copy everything and put different browser support or I can merge them?
Should I put browser support on all CSS codes?How to improve browser support?

I did not understand as solve them hints. Can I learn from somewhere?

Thank you, shaili_shah to have confirmed that default size is 16 pixel and rem it's best.

It's was that I wanted to do.

What I should convert from px to rem?
 

Which is the best CSS unit relative for a site responsive?

I did not want to insult anyone. This not is my work and I want help a site to improve, without being paid.
I've found another trouble; when we end a tutorial, this starts from the start without saying nothing.