I would like to achieve a few things with the Twenty Twenty-Two theme that I don’t find in the options:

1) I would like the text in the header (site title etc.) to be aligned right when browsed from a mobile phone, as opposed to left which is the case for PCs.

It would be good if I could also limit/fix it in terms of what part of the header it may take – but again, this should also apply to the mobile version only.

Shouldn’t there be two separate editors available in WP themes in general – one for desktop and one for mobile? Or even three – one for tablets as well? It makes very little sense to program everything in one editor, since the devices on which the site will be shown will be very different from each other.

2) I would like to have semi-transparent background for the mobile menu where I myself can define the colour and opacity – are there no such options in the editor, or I don’t find them, and how can I set those parameters?

The next one is not the biggest deal in the world, but it would also be good to know how to:

3) make the mobile-menu background appear only under the hamburger button and for as far down as the menu items require, i.e. to not cover the entire screen when shown, but take just as much space as it needs while the rest of the site remains fully visible – I’ve seen this in some themes, any idea how to achieve it?

4) there is a visible line with the page background under the heading (most likely due to the overall padding defined for the website – is there a better way to set it to 0 for just the space under the heading, rather than setting everything else to zero and then increasing for all elements individually?

5) I have a separate menu in the Footer, and then one line of text under it. If I activate the switch to the hamburger button for smaller resolutions, can I make it so that it goes under the line of text, even though the menu items are above the line of text on desktops?

I am taking the liberty of contacting you because I cannot remove transparency from the crossed out prices of my products.

In the “customize” menu > “Woocommerce” > “advanced style” > “Remove price color” = #0a0a0a

But it appears on my site as transparent.

However, I haven’t configured transparency.

Could you help me find a solution?

Thank you so much

—-

Bonjour

Je me permets de vous contacter car je ne peux enlever la transparence aux prix barrés de mes produits.

Dans le menu “personnaliser” > “Woocommerce” > “style avancé” > “Biffer la couleur du prix” = #0a0a0a

Mais il appara?t sur mon site comme transparent.

Cependant, je n’ai pas configuré la transparence.

Pourriez-vous m’aider à trouver une solution ?

Merci beaucoup

Is there a way to make the icons opaque (no transparency)?

function blhi_login_css() {
echo '<style type="text/css">
.login label {
color: #000;
display: block;
margin-bottom: 1em;
font-weight: bold;
}
.login form {
border-radius: 7px;
border:#ffff;
}
#login #loginform {
background-color: rgba(255,255,255,0.1);
}
.login form .input {
font-weight: normal;
}
.login #backtoblog a, .login #nav a {
padding: 3px 8px;
border-radius:5px;
}
.wp-core-ui .button-primary {
background: #cddc39;
border: #cddc39;
}
.login #login #backtoblog { 
 display: none;
}
</style>';
}
add_action('login_head', 'blhi_login_css');

How to proceed to have this transparency?

Thank you.

I want to set the opacity level for background color, and I know there is a feature for that when custom color is set to true in the theme.json file.
This is what I have under Settings:

"color": {
        "custom": true,
		"text": true,
		"background": true,
		"link": true,
        "defaultGradients": false,
        "defaultPalette":false,
		"defaultDuotone": false,
        "customDuotone": false,
        "customGradient": false,
        "duotone": [],
        "gradients": [],
        "palette": [
					{
  					"slug": "pink",
  					"color": "#FFB6C1",
  					"name": "Pink"
  				},
  				{
  					"slug": "red",
  					"color": "#E2574C",
  					"name": "Red"
  				},
					{
  					"slug": "white",
  					"color": "#FFFFFF",
  					"name": "White"
  				},
					{
  					"slug": "black",
  					"color": "#000000",
  					"name": "Black"
  				}
  			]
    },

This is how the ui control look like with the opacity control: https://snipboard.io/LFukzG.jpg

However, I don’t want the custom color picker, I want to keep the opacity control from the left popup window (screenshot here: https://snipboard.io/UlD2KE.jpg)

Is there a way to disable the custom color picker and keep the opacity control?

Thank you!

I have tried several CSS codes to remove the overlay/opacity for my featured image on my front page – but with no luck.

Happy if someone have a clue of what to do…