I added a subcategory in Woocommerce and now I want to display the subcategory in bold and also make the font size bigger, so that it looks like a subcategory and not like one of the product categories.
Here is where I want to change it: https://ecsense.com/ec-sense-products/
(I want to change it for "Single Gas Modules" and "Dual Gas Modules")
Until now I looked through the CSS code which was made by someone else, but I could not find any code for Categories. The Main Categories are already displayed in bold and big by woocommerce.
So I would need a whole new section for Product Categories in my CSS. If anyone knows how to add a CSS code, please tell me.
Try this CSS Code:
#filter-bar .bapf_body >ul >li:nth-child(2)>ul >li> label {
font-size: 20px;
font-weight: 900;
}
Output like this:
Please check this CSS code
.bapf_body ul li > ul li > ul li > label {
font-size: 12px !important;
}
output is like : http://prntscr.com/1gzqcci
Related
On my woocommerce site we added a prefix for regular price, called RRP. (as you can see on the attached picture)
I would like to appear an info icon before "RRP" text, and would like to add a tooltip, if someone hover on the icon, a unique text would appear. This would be a short description, what does RRP mean.
We are using css to appear price prefix:
This is an example how we would like to see: https://www.emag.hu/samsung-galaxy-a22-mobiltelefon-kartyafuggetlen-dual-sim-128gb-lte-fekete-sm-a225fzkgeue/pd/DF5FNHMBM/?ref=prod_CMP-167737_12195_125894
del .amount::before {
margin-right: 5px;
font-weight: 400;
font-size: 13px;
}
del .amount::before {
content: 'RRP:';
}
Do you have any idea how can i do this?
photo
Website: http://www.otislandscapedesign.com/
I am trying to remove the website title from the following selected pages/posts using id: category-portfolio, clients, about, contact.
I've tried the following css code unsucessfully:
.postid-576 .gk-logo-text.inverse > span { display: none; }
What am I doing wrong and how do I resolve this?
On the body tag, you'll see a class containing the page type (page, post, category) and its ID. For example on the Clients page, the class is .page-id-576
So for that specific page, the CSS that would hide the title is:
.page-id-576 .gk-logo-text.inverse > span {
display: none;
}
You would need to do the same for all pages, just look for the page type+ID class on the body tag of each page.
Your code is correct, you just need to add the !important keyword to override the existing style declaration in the stylesheet. Here is your final code:
.postid-576 .gk-logo-text.inverse > span {
display: none !important;
}
Here is my website. Is it possible to change the title background color using custom css code? Currently it is red. I would like to change the color to light blue for all the titles like, "TRENDING POSTS", "SEARCH ENGINE OPTIMIZATION", "SOCIAL MEDIA", "RECENT POSTS" "POPULAR", etc
As you're using a theme, I'd be very surprised if you had to write any custom CSS rules to change this. There's probably a setting in Appearance > Customise. If not, check the documentation. It might be hidden somewhere else.
If there isn't, open the CSS file associated with the theme (which looks like it's at /wp-content/themes/awaken/style.css) and search for any instance of #fa5742. Copy the selector (the bit before the first brace { ) and add it to your custom CSS rules. For each selector add:
the-selector-goes-here {
background-color: #your-blue-colour;
}
You can change background color by doing changes in these classes
.awt-title
{
background: #0056ca;
}
.main-widget-area .widget-title
{
background: #0056ca;
}
#awt-widget > li.active > a, .nav-tabs > li.active > a:hover, #awt-widget > li.active > a:focus
{
background: #0056ca;
}
Does anybody know how to remove (or hide) the Product Categories title on woocommerce pages?
It's using the h4 font settings in theme.php, these are also used for other element titles that I do not want to hide/remove. Any ideas?
Thanks so much!
In your theme functions.php add:
add_filter('woocommerce_show_page_title', create_function('$result', 'return false;'), 20);
Paste this code in your style.css file:-
.sidepanel.woocommerce.widget_product_categories h4 {
display: none;
}
I have a link that is in a div, and the div has an id of sidebar-left. I want to make it a different color when the link has the class current_page_item. I have other links on the page (that are not in the div) that I do not want this formatting to apply to.
I have tried several different versions of the following code with no luck:
#sidebar-left.current_page_item a {
color: #00b0f0;
}
Does anyone know what I am doing wrong?
Thanks.
Try:
#sidebar-left .current_page_item a {
color: #00b0f0;
}