Return to previous page

H4 style - by Aaron - on WordPress WooCommerce support

This topic has 31 replies, 3 voices, and was last updated 5 years, 2 months ago ago by Olga Barlow

Aaron

Participant

December 14, 2018 at 11:22

I can’t seem to replicate a change on my main site over on my staging site despite copying the h4 css from the live site over to staging, can you help? Or tell me which elements to edit in which files?

https://woocommerce-204609-682099.cloudwaysapps.com/categories.png this is how it should look on both sites

I need to make sure the staging site looks like the main site 100% before I publish it back to the production site

Please, contact administrator
for this information.

#205989 Copied Theme version: Latest WooCommerce version: Latest

30 Answers
Rose Tyler

Support staff

December 14, 2018 at 13:34
Hello,

I can’t log in your staging site http://prntscr.com/luwch4 please check.
Font size of “PRODUCT CATEGORIES” title can be changed in settings of the element that was used to add it http://prntscr.com/luwgic
For this http://prntscr.com/luwlae try to add this custom css code on the staging site:
```
.category-grid .categories-mask {
    padding: 0;
}
.category-grid .categories-mask .count {
    text-transform: uppercase;
    text-decoration: none;
}
.category-grid .categories-mask {
    font-family: 'Lato', Arial, Tahoma sans-serif;
}
```
Regards
#205994 Copied
Aaron

Participant

February 8, 2019 at 10:44

Hi Rose,

This didn’t work unfortunately.

Could you take another look? I’ll provide details for the staging site in the private content area.

Many thanks

Please contact administrator
for this information.

#208784 Copied

Rose Tyler

Support staff

February 8, 2019 at 10:59

Hello,

I can’t log in. Please check.
Please URL and wp-admin access where do you have problems after the updating. Describe in more details what exactly was broken.

Regards

#208787 Copied

Aaron

Participant

February 8, 2019 at 11:21

Hi Rose,

I think you should be able to log in now, please see private content area.

Many thanks

Edit: If you still have issue, please use Incognito/Private window. This solves the problem for me.

Please contact administrator
for this information.

#208791 Copied
Olga Barlow

Support staff

February 8, 2019 at 12:24
Hello,

1) Your prefooter area was added to header banner area.
2) Home page was not set in Settings > Reading.
3) You need to choose the Lato font in Typography settings and I chose the bold style for the headings
4) I have added the following custom to increase the categories font-size
```
.category-grid .categories-mask h4 {
    font-size: 1.71rem;
    margin: 0.3em 0;
} 
```
5) I have updated the WPBakery (Visual Composer) plugin.

Check the staging site now and let me know if you need to fix anything else.

Regards
#208797 Copied
Aaron

Participant

February 8, 2019 at 12:47

Hi Olga,

Thank you, that does look a lot better now.
Unfortunately the categories boxes still do not look like the main website, please see the example images:

Main site: https://www.dropbox.com/s/ms8hooilccggj93/Untitled.png?dl=0
Staging: https://www.dropbox.com/s/p8znvfkhucr0zgr/staging.png?dl=0

Regarding the other issues – can I now backup the xstore configuration and use this to import it on the main website when I update the theme there? Will this fix any of the issues I faced with the staging site, prefooter area in the header etc?

I also notice that my top header and the bottom footer data is not the same as the main website, is this overwritten when the theme gets updated?

#208799 Copied

Olga Barlow

Support staff

February 8, 2019 at 14:11

Hello,

Try to clear browser cache https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en and check again, for me it looks in the following way http://prntscr.com/mide8k

Regards

#208819 Copied

Aaron

Participant

February 8, 2019 at 14:49

Hi Olga,

That looks perfect now! Could you let me know where this css is so I can apply it to the main website after the update?

Could you also let me know about the header and footer sections – it seems to have overwritten what was there previously with a different menu (header) and default text/links (footer). Is this not included in the import/export in xstore settings? You can compare openhouseproducts.com with openhouseproducts.com/oh1

My last question:
https://www.dropbox.com/s/k30mofl5cl3119r/sorting.png?dl=0
How do I hide this? If I add visibility:hidden to .woof_products_top_panel then it leaves a big gap.

#208822 Copied

Olga Barlow

Support staff

February 8, 2019 at 15:17

Hello,

1) All the CSS improvements were made in Theme Options > Custom CSS > global custom CSS + Theme Options > Typography. You can expost options from the staging site (Theme Options > Import/Export > http://prntscr.com/miedx1 ) and import to production site after update (Theme Options > Import/Export > http://prntscr.com/mieedf )

2) It just widgets are messed up on your staging site and it’s not because of the update but because of the creation of staging site. All you need is just make sure that all the widgets are in the correct widget areas (Appearance > Widgets)

3) This is the element of one of your plugin, filter plugin I suppose https://codecanyon.net/item/woof-woocommerce-products-filter/11498469 . Check the plugin settings or contact plugin author and ask if you can disable this filter.

Regards

#208825 Copied

Aaron

Participant

February 8, 2019 at 17:10

Thanks Olga.

I seem to have fixed widgets now.

Could you please help me with my navigation menu?

See below screenshots:

Live site: https://www.dropbox.com/s/i1x0kj6q9xbc1gp/Live-Menu.png?dl=0
Staging site: https://www.dropbox.com/s/ock1soye4tb05hh/Staging-Menu.png?dl=0

I’d like the staging site menu text to match the live site – the font size, spacing, font, hover color, etc.

Also please see the ___ underneath ‘Home’ on the menu, when you are on that page it used to have a line underneath the active page, can that be added back in the new version of the theme?

#208836 Copied

Aaron

Participant

February 8, 2019 at 17:11

and can the product title be put back into the top section rather than underneath? See on the old version ‘UNDERSEAT STORAGE BAG’: https://www.openhouseproducts.com/product/under-seat-storage-bag/

#208837 Copied

Aaron

Participant

February 11, 2019 at 11:21

Olga / Rose – are these adjustments something you can help with? We really liked these elements of the older version of the theme and would love to have the latest version match.

#208937 Copied

Olga Barlow

Support staff

February 11, 2019 at 12:04

Hello,

1) Menu styles you can change in Theme Options > Typography > Menu http://prntscr.com/mji3em

2) I have added underline using Custom CSS.

3) Theme Options > Single Product > http://prntscr.com/mji4bv

Regards

#208948 Copied

Aaron

Participant

February 11, 2019 at 12:59

Thanks Olga, the site is almost perfect now.
I’m really struggling to get the menu to look like it does on the main site at the moment. I am using inspect element and converting the rem to px and updating the staging site but the menu still doesn’t look like it should.
Can you help me? I’ve cleared all my changes at the moment as it doesn’t look right.
I’m struggling to determine what options relate to the titles ‘CATEGORIES’ ‘OFF THE SHELF BAGS’ ‘MEDICAL’ ‘DEFIBRILLATORS’ and the size/font colour/font hover colour, and what options relate to the categories below, their font size and their colour/hover colour.
I have sucessfully managed to transform it all to UPPERCASE as it should be.

#208957 Copied

Olga Barlow

Support staff

February 11, 2019 at 13:20

Hello,

Check now http://prntscr.com/mjj9bo
I have changed the Typography options, and Custom CSS, so re-load Theme Options without saving if you had them opened to avoid overwriting.

Regards

#208958 Copied

Aaron

Participant

February 11, 2019 at 13:57

Thank you for all your help, it looks perfect now. 🙂

#208960 Copied

Rose Tyler

Support staff

February 11, 2019 at 14:02

Hello,

You’re welcome!

Regards

#208962 Copied

Aaron

Participant

February 11, 2019 at 14:21

Hi Rose, sorry, I’ve one last query!
Is it possible to remove this gap between the slider and the blocks? https://www.dropbox.com/s/v17vmhfounxvl8e/homepage.png?dl=0

#208964 Copied

Rose Tyler

Support staff

February 11, 2019 at 14:26

Hello,

There is a default margin-bottom – 35px, so you need to set 0px –
https://prnt.sc/mjkct0

Regards

#208965 Copied
1 2

Viewing 20 results - 1 through 20 (of 31 total)