Forum menu
Wordpress Theme Twe...
 

[Closed] Wordpress Theme Tweak - Help or Thoughts

Posts: 8660
Free Member
Topic starter
 

I have a simple site to throw notes on the web or post a picture or two.

But I have started using a theme I like except I don't like the solid nav bar colour. Wordpress Storefront Boutique.

Hoping for the blue to be semi trans or even gone. The theme Customizer let me change the colour a bit (blue) red is hack while I'm trying to suss out the CSS.

Iknow there are few Wordpress experts on here and I'm beginning to get frustrated with the "Q" option thing in Firefox. I can see it change in the code, but cant get a bit of code back to the CSS tweak in WP.

Right pain 🙁

Any thoughts if you're totally bored tonight 🙂
--

https://www.sidingstudios.com/


 
Posted : 09/04/2022 8:36 pm
Posts: 523
Free Member
 

Try Weaver theme free version, very flexible.

https://weavertheme.com


 
Posted : 09/04/2022 11:06 pm
Posts: 78318
Full Member
 

"automattic"?


 
Posted : 09/04/2022 11:21 pm
Posts: 8660
Free Member
Topic starter
 

@cougar

Wordpress is by “automattic”?

https://automattic.com/


 
Posted : 09/04/2022 11:24 pm
Posts: 8660
Free Member
Topic starter
 

@highpeakrider

I'll have a look at that theme.

Liking the Comic Sans 😉


 
Posted : 09/04/2022 11:26 pm
Posts: 78318
Full Member
 

Wordpress is by “automattic”?

Huh. IDNKT.


 
Posted : 10/04/2022 12:57 pm
 pdw
Posts: 2206
Free Member
 

I'm struggling to understand which bit you're stuck with. It sounds like you've got a way to edit the CSS in the theme settings, but you don't know what to change the CSS to, is that correct?

If so, then I think this CSS should do what you want:

.boutique-primary-navigation {
background: rgba(20,105,180,0.5) !important;
}

Not sure what you mean by the "Q option thing in Firefox".


 
Posted : 10/04/2022 3:18 pm
Posts: 8660
Free Member
Topic starter
 

@pdw @all

Many thanks. I stuble on the answer today. Very similar to your solution.

As for "Q" in Firefox it allows to inspect the code.

'.boutique-primary-navigation {
background: #d329294f !important;
}'

https://www.sidingstudios.com/2022/04/10/388/

Next, hoping to reduce the gaps (line space) above and below the words in the menu.

And possibly "Moon on a Stick" moving the primary menu to the very top of the page.

The quest continues.

Thanks guys.


 
Posted : 10/04/2022 6:48 pm
 pdw
Posts: 2206
Free Member
 

What do you mean by the menu? If you mean the nav bar thing, try this:

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a, .site-header-cart .cart-contents {
padding-bottom: 0.8em !important;
padding-top: 0.8em;
}


 
Posted : 10/04/2022 7:38 pm