Thank you, how can I edit the titles of products here so that the titles aren't bold but standard weight but for the default template there is no <p> or span option which makes the font normal thickness. Pls see below the missing options for the default template, how can we fix the product titles?
Only templates have the option to set the product title as p tag or span.
If you want to set them not to be bold, you need to modify the heading that you use for the product list in Betheme -> Theme options -> Fonts -> Size & Style.
Im now trying to acheive the same header style that I have on the site (https://www.thetechbase.co.uk/) using be custom header builder so that I can change the search bar to a custom plugin using a shortcode. How can I acheive the same look or can you help me to, as I have tried and failed at it?
Oh okay its just another member from the support team helped before on these forums with the css below but now after a recent upgrade it doesnt work anymore
Hi number 1) CSS helps but it creates an extra bit of space under the header part on mobile view which ive tried to show as best on the screenshot below
I have made a single product template and applied it to our shop nearly the same as your tutorial video but ive got one issue which is when you click on the reviews under the title you cannot see them anywhere, how can i fix this?
1) You need to also add the Product reviews element. Then clicking on the link next to stars will lead you to that element.
2) Did you add the search bar with some plugin? I do not recognize its structure, and as Pablo said we do not create a Custom CSS code for third-party plugins, cause we do not know how they work, and we do not want to mess anything in them.
Ive noticed my paypal button isnt showing up on the product pages, and i saw some other user on this forum also have this issue, can you also help me to resolve this? My ftp details are the as provided on this ticket earlier on.
If you add any item to the basket and go to the above link, the paypal buttons are showing up but have this blue background on them, how can i remove that background only on the paypal buttons?
Thank you so much, if you dont mind could you tell me how you got the above css as i tried using inspect element in the browser and managed to remove the blue bg but also removed the one for the place order button at the same time.
Comments
Please, use this code:
.woocommerce.term-phone-parts ul.products li.product .woocommerce-loop-category__title{ display: none; }Thanks
Thank you so much!!!
Just wondering about the sidebars that you have in your demo themes, how do we setup these up including like the colour swatches etc?
Please, check the following video tutorial and our documentation:
https://support.muffingroup.com/video-tutorials/how-to-set-up-off-canvas-sidebar-for-shop/
https://support.muffingroup.com/documentation/woocommerce/how-to-set-sidebar/
https://support.muffingroup.com/documentation/woocommerce/how-to-use-woocommerce-attribute-swatches/
There you will find how to set it all.
Thanks
Thank you very much !
You can find the id of page in body tag, like here:
Then, css will start with body.be-page-8 (...)
thanks
Thank you so much, this has been really helpful!
I have another CSS related question. I'd like to have the same effect when a use hovers over a category on all category pages such as: https://www.thetechbase.co.uk/product-category/phone-parts/
The effect like on the home page icons shown in the image below, so basically i want all categories to have a blue border on them when hovered onto:
How can I achieve this?
Please, use this code:
.products .product-category img:hover{ border: solid 3px #008cff; }Thanks
Thank you, how can I edit the titles of products here so that the titles aren't bold but standard weight but for the default template there is no <p> or span option which makes the font normal thickness. Pls see below the missing options for the default template, how can we fix the product titles?
https://www.thetechbase.co.uk/product-category/phone-parts/samsung/samsung-a-series-parts/
Only templates have the option to set the product title as p tag or span.
If you want to set them not to be bold, you need to modify the heading that you use for the product list in Betheme -> Theme options -> Fonts -> Size & Style.
Or you can use the following CSS code:
.products .desc h6{ font-weight: 400; }Thanks
Thanks that worked perfectly.
Im now trying to acheive the same header style that I have on the site (https://www.thetechbase.co.uk/) using be custom header builder so that I can change the search bar to a custom plugin using a shortcode. How can I acheive the same look or can you help me to, as I have tried and failed at it?
Hello @hql,
I'm not sure where you stuck while building the menu using header builder, please explain me it greater if possible.
For now, I strongly suggest to check the documentation and video about the header builder.
thanks
Thanks i'll check this out,
Could you help me with the CSS needed to center my main menu links to be in the centre of the page pls?
https://www.thetechbase.co.uk/
Sorry, we do not create a Custom CSS code for third-party plugins, we do not know how they work and we do not want to mess anything up.
thanks
Oh okay its just another member from the support team helped before on these forums with the css below but now after a recent upgrade it doesnt work anymore
#menu .mega-menu-wrap{
margin: 0 auto;
}
Will that code be good?
.mega-menu-wrap ul{ text-align:center !important; }thanks
Hi number 1) CSS helps but it creates an extra bit of space under the header part on mobile view which ive tried to show as best on the screenshot below
Please, replace this code with the following one:
@media only screen and (min-width: 767px){ #Top_bar .menu_wrapper{ min-height: 50px!important; } }Thanks
Perfect that fixed it!
I have made a single product template and applied it to our shop nearly the same as your tutorial video but ive got one issue which is when you click on the reviews under the title you cannot see them anywhere, how can i fix this?
product url: https://www.thetechbase.co.uk/product/nest-learning-thermostat-3rd-gen-in-stainless-steel/#reviews
Thanks
Also on my header could you help me with the CSS to place the search bar in the middle of the header?
1) You need to also add the Product reviews element. Then clicking on the link next to stars will lead you to that element.
2) Did you add the search bar with some plugin? I do not recognize its structure, and as Pablo said we do not create a Custom CSS code for third-party plugins, cause we do not know how they work, and we do not want to mess anything in them.
Best regards
Thank you for your help,
Ive noticed my paypal button isnt showing up on the product pages, and i saw some other user on this forum also have this issue, can you also help me to resolve this? My ftp details are the as provided on this ticket earlier on.
any help please?
Please tell me, where do you want to have that paypal button?
Did you enable the paypal standard in the Woocommerce settings? (WooCommerce -> Settings -> Payments)
thanks
on the product pages it used to show next to add to basket button but now it has disappeared
Sorry, but we did not have this kind of option, it must be some kind of plugin you installed.
Can you share a name of that plugin with us?
Thanks
Sorry that was my mistake i meant in the basket: https://www.thetechbase.co.uk/checkout/
If you add any item to the basket and go to the above link, the paypal buttons are showing up but have this blue background on them, how can i remove that background only on the paypal buttons?
Please use this CSS code, it will remove whole blue box, this is the only way to remove that box, it has to be removed completely.
#paypal-checkout-button-render{background: #f7f7f7 !important;}thanks
Thank you so much, if you dont mind could you tell me how you got the above css as i tried using inspect element in the browser and managed to remove the blue bg but also removed the one for the place order button at the same time.