css

Change image using only CSS [closed]

Instead of trying to change the URL of the img tag, use your media query to hide the image and change the :before of your <a>. Like this… @media screen and (max-width: 59.6875em) { .site-branding img { display:none; } .site-branding a::before { content: url(“https://www.example.com/example/wp-content/uploads/Logo_Wide_2x.png”); } }

Hide duplicate entry title

You can hide open menu entry title by adding below css code in custom css section. .openmenu > h1{ display:none }

different theme output for desktop and mobile

Try using Chrome Dev tools – it has device screen size simulators built-in and many other useful tools https://developers.google.com/web/tools/chrome-devtools/ And to see any changes try clearing the browser cache: Open Dev Tools by pressing: F12 or Ctrl+Shift+I (or on Mac: Opt+Cmd+I) Now by just leaving dev tools open, right-click or click and hold the reload … Read more

I want to transfer my additional css code to my theme file–?

If you already had a theme, and you have just added some CSS, what you’ll need to do is create a child theme. The child theme will hold a short comment that tells WordPress to reference the parent theme (the original theme you were using), and then it can contain all your custom styles. This … Read more

+ More