Help with a few font/color changes

oxydiom1 · January 2023

Hi there,

I need to make a few changes and have tried a lot of thngs that I had found on this forum, but no luck. I'd appreciate your help with following:

Changing the color of the magnifier icon in the search bar
Changing the width of the search bar to a fixed size without chanigng the logo size
Changing the background and font colors of the little bulb containing the date of each post (like in the page titled "Reference values"
Removing the sharing options in posts
Showing no thumbnails for related posts

Thanks a bunch!

My website is radaide [dot] com

Phil · January 2023

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

oxydiom1 · January 2023

https://forum.muffingroup.com/betheme/discussion/comment/228128#Comment_228128

Hello,

I had included my website's address in the original message, please see the very last line. Also, the website is online.

I was able to find the solution to the issue #4, but still need help with the rest.

Thanks

Phil · January 2023

Sorry, somehow, I missed it.

1) Please use the following CSS code:

#Top_bar #searchform svg .path{
 stroke: #ff0!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

2) Width of the search bar can be controlled in Betheme -> Theme options -> Search -> Form.

3)

.post .date_label{
 font-size: 16px;
 line-height: 1.3em;
 color: #fff;
 background-color: #000!important;
}
.post .date_label:after{
 border-left-color: #000!important;
}

5)

.single-post .section-related-adjustment .post .single-photo-wrapper,
.single-post .section-related-adjustment .post .date_label{
 display: none;
}

Best regards

oxydiom1 · January 2023

https://forum.muffingroup.com/betheme/discussion/comment/228172#Comment_228172

Thank you a million times! #best_customer_service

Just one of them didn't work. Number 2 (search bar width) is not changing using that solution

Phil · January 2023

I noticed that you are using Shop header style. With it search field is always 100% width.

To overwrite it, please, use the following CSS code:

.header-shop #Top_bar .top_bar_right .top-bar-right-input input[type="text"]{
   width: 200px!important;
}

Thanks

Help with a few font/color changes

Comments