Wordpress Theme Twe...
 

  You don't need to be an 'investor' to invest in Singletrack: 6 days left: 95% of target - Find out more

[Closed] Wordpress Theme Tweak - Help or Thoughts

8 Posts
4 Users
0 Reactions
50 Views
Posts: 8527
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 7:36 pm
Posts: 520
Free Member
 

Try Weaver theme free version, very flexible.

https://weavertheme.com


 
Posted : 09/04/2022 10:06 pm
Posts: 77347
Free Member
 

"automattic"?


 
Posted : 09/04/2022 10:21 pm
Posts: 8527
Free Member
Topic starter
 

@cougar

Wordpress is by “automattic”?

https://automattic.com/


 
Posted : 09/04/2022 10:24 pm
Posts: 8527
Free Member
Topic starter
 

@highpeakrider

I'll have a look at that theme.

Liking the Comic Sans 😉


 
Posted : 09/04/2022 10:26 pm
Posts: 77347
Free Member
 

Wordpress is by “automattic”?

Huh. IDNKT.


 
Posted : 10/04/2022 11:57 am
 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 2:18 pm
Posts: 8527
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 5: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 6:38 pm

6 DAYS LEFT
We are currently at 95% of our target!