Fixing some Issues

Hi,

we’re currently working on our staging website with the updated theme and facing some problems, so we need your support once again. 🙂

1. Advanced typography doesn’t work properly. Changes in Advanced Typography settings for product titles in product grid don’t affect appearance, especially not on mobile devices.

pls change product titles in the product grid to:
on desktop (works sometimes) to – font: hkgrotesque; font-size: 17px, Normal 600
on mobile device to – font: hkgrotesque; font-size: 16px, Normal 600

see the problem here (mobile product grid): https://ibb.co/d762HLQ

2. how do i change the typography appearance (font, color, size etc.) for the brand name on product page? i want i to appear the same way as on product grid. btw: i’d prefer to appear the brand name on desktop the same way as on mobile device -> above the product title.

now it looks like that: https://ibb.co/rkxP5mw

3. how can i change the typography appearance (font, color, size etc.) for this product slider title?

see screenshot: https://ibb.co/vX9tKky

4. how can i change the typography appearance (font, color, size etc.) for the related products slider title?

see screenshot: https://ibb.co/p4FSJQv

5. mobile shop category dropdown menu – how can i change the menu icon from the burger icon to a new custom icon, see attached screenshot and how to change the typography appearance of the category name (here: ‘sortiment’) from capitalize to uppercase?

see screenshot: https://ibb.co/gj3NP5L

6. how to change the background color of the mobile sidebar menu titles?
– only change bg color for ‘SORTIMENT’ to #edb291 and font color to white
– only change bg color for ‘DEINE HILDE’ to #edb291 and font color to white
– pls keep hover capabilities

see screenshot here: https://ibb.co/gjtgF1m

7. we’ve created customs attributes to show them as swatches on product images, 1 for ‘new’ products (called ‘Neu’) and 1 for ‘sale’ products (called ‘Prozent-Rabatt’). How can we make them appear automatically? There’s a function in the theme setting, but i can’t refer it to our custom attribute.

i attached login data to website in private section.

Thank you for your help,
best regards, Lukas

Hi,

You can change any site text via typography option by using predefined selector or with custom selector like shown on the video (https://gyazo.com/a399707a58a51763d53ad8c5d2742e37), also if you are want to use different text with same typography parameters (font-family, font-weight, etc.) you can create combined selectors by separating it with coma “,” (https://prnt.sc/11fi265).

Below I will list custom selectors for text that you indicated. Also issue with predefined typography selector like product title will be fixed in the next theme update.

1. body .products .product-grid-item .wd-entities-title
2.1 Custom selector for advanced typography: body .product-image-summary .wd-product-brands a.
2.2 Custom code for single product brand positioning:

body .product-image-summary .wd-product-brands {
	float: none;
	margin-left: 0;
}

body .product-image-summary .wd-product-brands a {
    display: block;
    padding: 0;
    min-height: auto;
    background-color: #FFF;
    box-shadow: none;
}

body .product-image-summary .wd-product-brands a:hover {
  box-shadow: none;
}

3. body .wd-products-tabs .tabs-name
4. body .slider-title
5.1 Icon can be changed via custom CSS. Upload the desired icon to the media gallery, and we will provide required code for you
5.2 Custom selector for advanced typography: body .page-title .wd-btn-show-cat (http://prntscr.com/11fjcwu)
6. Custom code:

body .wd-side-hidden .wd-nav-mob-tab>li>a {
    background-color: #edb291;
    color: #FFF;
}

body .wd-side-hidden .wd-nav-mob-tab>li.wd-active>a {
    background-color: #D89D7C;
    color: #FFF;
}

7. Unfortunately, there is no such option in our theme.

Kind Regards

Hi,

1.), 2.), 3.), 4.), 5.2.) & 6.) worked so far, thank you very much! 🙂

5.1) i uploaded the icon in the media gallery, it’s called ‘category-menu-icon-custom’. pls change it, thank you!

new stuff:

1. Change cart title typography in cart sidebar to white and letters to appear capitalized, the close title can stay uppercase but color change of the close title + close icon to white.

see here: https://ibb.co/VxQDZnK

2. changing typography of product titles in the product grid by your suggested custom selector didn’t affect this. how to change the typography of product titles in the related products slider?

see here: https://ibb.co/SBJcnss

3. how to change typography of the sidebar title and the sidebar icon? i added a custom sidebar icon to the media gallery, it’s called ‘sidebar-icon-custom’. + how to hide the results?

see here: https://ibb.co/z7PHx1Z

Thank you for your support, thumbs up!

Best regards, Lu

Hi,

1. Custom for sidebar heading:

.cart-widget-side .widget-heading {
	background-color: #88aa9d;
	color: #FFF;
}

.cart-widget-side .widget-title,
.cart-widget-side .wd-action-btn > a {
	color: #FFF;
}

2. Try to replace the previous selector with the following one: body .product.product-grid-item .wd-entities-title.

3.1 Selector for button text .wd-shop-tools .wd-show-sidebar-btn

3.2 Custom for button icon and results:

.wd-shop-tools .woocommerce-result-count {
	display: none !important;
}

body .wd-action-btn.wd-show-sidebar-btn > a:before {
		background-position: center;
		background-size: cover;
    background-image: url(http://meine-feier.info/wp-content/uploads/2021/04/sidebar-filter-custom.svg);
		color: transparent;
		height: 15px;
}

5.1 Custom for icon:

.wd-action-btn.wd-btn-show-cat > a:before {
		background-position: center;
		background-size: cover;
    background-image: url(http://meine-feier.info/wp-content/uploads/2021/04/category-menu-icon-filter-custom.svg);
		color: transparent;
}

Kind Regards

[Author]

Posts