dietredthunder

Thanks to Smoky_Jo at STW.

https://singletrackworld.com/forum/topic/wordpress-css-i-fed-up-with-this-page-or-page-background-colour-problem/

.site-content .col-full {
background: orange;
}

.boutique-primary-navigation {
background: #0000005e !important;
xmargin-left: .874em;
xmargin-right: .874em
}
nav.woocommerce-breadcrumb {
display: none;
}
/**

• Disable the Search Box in the Storefront Theme

*/

.site-search form {

display: none;

.site-content .col-full {
background: red;
}

Hi, I have solved the colour problem. In another thread and marked solved ??

Next
Trying to put the menu at the top of the page.
And hope to reduce the gaps above and below the words in the menu would be nice.

Any thoughts.

Best regards,

DiRT

I might of solved it ?? … with your input as well ??

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

Screen grabs from the FireFox Inspect(Q) here:

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

Once again many thanks for your help ??

Next: Making the Nav Bar less deep and the dream …nav bar put to very top of page. Perhaps I should make a seperate post for these ??

• This reply was modified 2 years, 7 months ago by dietredthunder.
• This reply was modified 2 years, 7 months ago by dietredthunder.

Quick note your top code lets me change the colour ??

Second code…. no change seems to happen.

Thanks.

Thanks for the help, but sadly when I enter the code above… no changes happen.

You’re right there was a bit of custon code in the CSS section making parts of the menu red.

I have removed and put the them back to deafult. Except the background colour of the menu red.

Many thanks.

RT

Hi, Dont want to hijack this thread, but I’m trying to achive the opposite and looking to making my menu transparent in Storefront Boutique.

Any thoughts?

RT

https://www.jomcallister.co.uk/

@kaushiksomaiya

Thanks for the reply. Yes I have been playing since my orginal post.

I have put the site back as above on the orginal post.

Trying to get the Main Menu in the dark box put to the very top of the page and reduce the line height a bit. As per the screen grab.

Thought I had it solved yesterday, but it removed my burger menu on the mobile.

Best regards,

DiRT

.boutique-primary-navigation {
position: relative;
margin-left: .874em;
margin-right: .874em;
padding: 0 1.874em;
display: none;
background-color: blueviolet;

Makes my site look like this now.

https://www.jomcallister.co.uk

• This reply was modified 2 years, 7 months ago by dietredthunder. Reason: Possible update

I had this with another theme called “Skatepark” and got email about entering a recovery mode. Might be worth looking into, check your spam.

It allowed me back to the dashboard and select another theme and all was good.

Awesome. That works a treat.

I will most likely add back Blossom Theme and WordPress in the second block at some time. These guys do put in a alot time on these themes, wordpress and you for excellent and open plugins.

Many thanks.

DiRT

Thanks. The code above blanked the site :-(, removed the code above and back again ??

I’ll remove “Blank” ref from the theme. See if that helps.

So theme is now default if you like.

DiRT

• This reply was modified 3 years ago by dietredthunder.
• This reply was modified 3 years ago by dietredthunder.

I’ll do that now.

Done

The word BLANK is what I typed in Blossom Footer Box. If I leave it blank it pulls from somewhere else within the theme.

Just looking for all this to not be visable… or at least control in box 2.

“Blossom Travel | Developed By Blossom Themes.Powered by WordPress .”

Many thanks,

DiRT

• This reply was modified 3 years ago by dietredthunder.
• This reply was modified 3 years ago by dietredthunder.
• This reply was modified 3 years ago by dietredthunder.

and you added here…
https://www.jomcallister.co.uk/studio-file/

??