Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Minor css adjustments
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Minor css adjustments
- This topic has 9 replies, 2 voices, and was last updated 8 years by David Martin – Support.
-
Posted in: Neighborhood
-
August 6, 2016 at 11:40 am #286152
Hello,
I need some minor adjustments in the look and feel of the theme, which is terrific by the way. If you could just tell me where I need to change the css, I will be more than grateful. Here is the list of issues I am trying to resolve:
– I need to remove the Titles and Title containers of all non product pages, so that the content in the body to be visualized directly under the menu
– I need to remove the “Wellcome line” in the header section
– I need to remove the “Categories” links in the products thumbnails in the website’s store, so only the name of product and the price are visible
– I need to change the background color of the <div class=”woocommerce-message”>
– I am using custom widgets shortcodes in the left and right Top Bar text config, in order to be able to visualize custom images in the header. From somewhere though a “.” appeared right in the middle of the header and I cannot find from where it comes from in order to remove it.
– When I changed the color scheme, the wishlist star icon next to the “Buy” button on the product page became black and visible only on hover. From where can I change that.Thank you.
KonstantinAugust 8, 2016 at 12:21 pm #2862881) You remove the title from with a post/page or product via the Meta Options:
2) What welcome line do you refer to? please provide a screenshot.
3) You can use this:
.single-product span.posted_in { display: none; }
4) You can use this:
.woocommerce-page .woocommerce-message, .woocommerce .woocommerce-message { background: #d1f2f0!important; color: #252525!important; }
5) You can use this:
.tb-text > li { list-style-type: none; }
6) You can use this:
.woocommerce form.cart .yith-wcwl-add-to-wishlist a { color: red; }
August 10, 2016 at 1:17 pm #286817Hello, David,
Thank you very much for the support.
1, 4, 5 and 6 worked perfectly for me
2. I mean this “wellcome” – please see the attached screenshot
3. worked partially, because it affected the suggested products on the single product page, but not the products in the store? Do you have an idea why it worked like that?
Thanks again for your great support. If we can also solve 2 and 3 fully I will be super happy!
BR,
KonstantinAttachments:
You must be logged in to view attached files.August 10, 2016 at 1:20 pm #2868202) Still cannot see the image.
3) Replace the supplied with this:
.single-product .product_meta span.posted_in { display: none; }
August 16, 2016 at 11:32 am #287618Hello, David,
Thank you for your reply. Unfortunately the edit which you have proposed for 3)
.single-product .product_meta span.posted_in {
display: none;
}didn’t work and even brought back the category links in the ‘related products’ thumbnails, which were successfully hidden with the previous piece of code you have sent me.
about 2) – I have attached the image to my previous reply and circled with blue ink the problematic area, which says “Welcome”
You can also see it here https://goo.gl/xdF2y8
It looks like this in the html <li class=”tb-welcome”>WelcomeBR,
KonstantinAugust 16, 2016 at 5:32 pm #2877073) What exact page do you want to remove the categories from? Please also provide a screenshot.
This will remove it from single product page:
.single-product .product_meta span.posted_in { display: none; }
To remove it from pages where you use the Page Builder, you can use this:
li.type-product span.posted_in { display: none; }
August 17, 2016 at 7:18 pm #287936Hello, David,
YES!!! Finally this has done the trick for me and now all product thumbnails are with hidden categories.
If you could also help me also to hide the <li class=”tb-welcome”>Welcome message I will be really 100% compliant with my client requirements.BR,
KonstantinAugust 18, 2016 at 1:51 pm #288098You can use this:
li.tb-welcome { display: none!important; }
August 19, 2016 at 2:23 pm #288361Hi, David,
Thank you once again for your patience, professionalism and great support.
Finally I am ready with all the client requirements and the e-shop is ready for going live.Have a really great weekend and thanks again,
KonstantinAugust 19, 2016 at 2:44 pm #288370No problem Konstantin, we are all happy to help you anytime!
Thanks,
David. -
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.