Return to previous page

Website changes - by FlashNFunky - on WordPress WooCommerce support

This topic has 27 replies, 4 voices, and was last updated 9 years, 5 months ago ago by Jack Richardson

FlashNFunky

Participant

June 1, 2016 at 03:22

Hi,

Hope everyone is well.

I’ll like to make some changes to the theme and hoping someone can help.

The changes I’ll like are as follows:

1. Update the menus default background colour, I’ll like it to have a red background with white text and when hovered that menu item to have a white background with black text
2. Side menu to update the style I’ll like it to have a red background with white text and when hovered that menu item to have a white background with black text
3. Add in a solid search bar above the menu (linked in screenshot below to show example)
4. Update the cart image: I followed the following instructions – https://www.8theme.com/topic/how-to-change-cart-icon-of-bag-on-header/ the new image uploaded but the old image also stayed (linked in image shows this)
5. Remove the flyout menu (when you scroll down the menu follows, i’ll like it just to remain fixed on the top)

http://imgur.com/2fAKkkO

Site currently is offline as it’s underconstruction.

Thanks,

Charles

#127810 Copied Theme version: latest WooCommerce version: latest

26 Answers

Eva Kemp

Participant

June 1, 2016 at 09:16

Hello,

Please provide WP admin credentials in Private Content.

Regards,
Eva Kemp.

#127849 Copied

FlashNFunky

Participant

June 1, 2016 at 14:45

Hi Eva,

Thanks, details below.

Please, contact administrator
for this information.

#127972 Copied
Robert Hall

Participant

June 1, 2016 at 15:50
Hello,

1) Please add this code in Theme Options->Custom CSS->Global Custom CSS.

.menu > li > a { background-color: red; color: #fff !important; } .menu > li > a:hover { background-color: white; color: #000 !important; }

2) Please add the following code in Theme Options->Custom CSS->Global Custom CSS.

.product-categories > li { background-color: red; } .product-categories > li > a { color: #fff !important; } .product-categories > li:hover { background-color: white; } .product-categories > li:hover a{ color: #000 !important; }

3) It requires additional customization in php files which is beyond our basic support scope.
4) Please add this code in Theme Options->Custom CSS->Global Custom CSS.

.header-type-12 .cart-bag .ico-sum { visibility: hidden; }

5) You can disable it in Theme Options->General->Fixed Navigation.

Regards,
Robert Hall
#127991 Copied
FlashNFunky

Participant

June 2, 2016 at 00:47

Those changes worked, thanks

EDIT:

Hi, I had it updated and looking good but when I went to cycle through some different header layout options it changed the layout. It seems to have added the side widget on the top.

Thanks,

Charles

#128053 Copied

Eva Kemp

Participant

June 2, 2016 at 08:06

Hello,

You need remove the widgets you added in Left Side top bar area in Appearance > Widgets.

Regards,
Eva Kemp.

#128077 Copied

FlashNFunky

Participant

June 2, 2016 at 12:23

Hi Eva,

Thanks for that, hopefully this is the last thing, the menu seems to have broken. Just wondering if you login and can help me identify what it could be.

Thanks,

Charles

#128214 Copied
Eva Kemp

Participant

June 2, 2016 at 14:01
Hello,

I’ve added this code in Global Custom CSS:

.menu .nav-sublist-dropdown { position: absolute; top: 60px; left: 0; z-index: 1000; visibility: hidden; margin-top: -5px; }

Please check menu now.

Regards,
Eva Kemp.
#128229 Copied
FlashNFunky

Participant

June 3, 2016 at 01:35

Hi Eva,

Thanks, loving the support here.

Just a couple more things if I may:

I’ve included an image of how we will like the final page in the private section. If you can advise of the below that’ll be great.

1. How can I align the top menu in red to the left?
2. How can I replace the myaccount, register, login & logout buttons with images?
3. Regarding the 2 input boxes in the menu, can you please let me know how I can insert an object (as an example image) into those areas and then I can look into adding php coding for the search / subscribe functionality

Please, contact administrator
for this information.

#128275 Copied

Eva Kemp

Participant

June 3, 2016 at 10:31

Hello,

1. Unfortunately menu can’t be moved because it’s added in the same block as top links and cart widget.

2. You need edit the file wp-content/themes/royal/framework/theme-functions.php from line 931 and replace links labels with your images.

3. You need edit the file wp-content/themes/royal/headers/header-structure-4.php and add your code there.

Regards,
Eva Kemp.

#128311 Copied

FlashNFunky

Participant

June 5, 2016 at 11:57

Thanks, I will experiment with that.

#128472 Copied

Eva Kemp

Participant

June 5, 2016 at 20:52

Hello,

You are welcome.

Regards,
Eva Kemp.

#128480 Copied

FlashNFunky

Participant

June 13, 2016 at 09:53

Hi Eva / Support Staff,

Hoping someone can help, I’m not sure if there’s something i’m missing or if my client has removed any needed pages but I have added a test product and the cart doesn’t seem to be working as intended.

– The item can be added to the cart but once added it can’t be removed from the cart
– When I click on checkout or cart it doesn’t point to any page but just refreshes the homepage
– How can a user register for an account, I can’t seem to find a register page

Thanks,

Charles

#129298 Copied

Robert Hall

Participant

June 13, 2016 at 10:12

Hello,

Please update the theme to the latest version and check issue.
Before update delete “woocommerce” folder in the directory wp-content/themes/royal/ and it’ll be reuploaded from a new theme package.

Don’t forget to make backup of the site before update.

Here is video tutorial how to update theme.
https://www.youtube.com/watch?v=KdWESIIPU1k
(it’s for Legenda theme but the process is the same).

Please read more here how to create register page:
https://www.8theme.com/demo/docs/royal/index.html#!/4_registration_page

Regards,
Robert Hall

#129302 Copied

FlashNFunky

Participant

June 13, 2016 at 12:37

Hi,

Thanks for the info, the cart issues corrected itself with an update.

The registration page doesn’t seem to work though and re directs to the main page.

I have created a page named register and selected the custom registration option in the drop down.

Thanks,

Charles

#129345 Copied

Robert Hall

Participant

June 13, 2016 at 12:46

Please logout from wp-admin panel then check it.

Regards,
Robert Hall

#129348 Copied

FlashNFunky

Participant

June 26, 2016 at 08:32

Thanks Robert, that made sense to check.

If i can get help with the below that’ll be appreciated.

1. On the menu there’s a thin grey line that hovers on the top of the menu, we will like to remove this

2. On mobile view a menu button link appears on the right, we will like to remove this

3. When a product has a variable in the product view it has the text “Select Options” How can we change this text?

4. When someone registers it has a note that says “Please check your email for login details” how can we customize this text?

#131108 Copied
Jack Richardson

Support staff

June 27, 2016 at 09:51
Hello,

1. Please use this code in Global Custom CSS:

.header-type-12 .navbar-collapse { border-top: none; }

2. Add this code in Custom CSS for mobile:

#click-menu { display: none; }

3. Please refer to Woocommerce documentation:
https://docs.woothemes.com/document/change-add-to-cart-button-text/

4. You need edit the file in wp-content/themes/legenda/framework/theme-functions.php in line 1443.

Best regards,
Jack Richardson.
#131166 Copied
FlashNFunky

Participant

June 27, 2016 at 09:59

Thanks Jack

#131168 Copied

Jack Richardson

Support staff

June 27, 2016 at 13:51

Hello,

You are welcome.

Best regards,
Jack Richardson.

#131230 Copied

FlashNFunky

Participant

July 2, 2016 at 03:10

Thanks for all the help so far.

Hoping you can help me with the below.

– On the main page widget there’s a SHOP BY BRAND section. I’ll like it to have the same style as the other widgets like SHOP BY CATEGORY.

Thanks,

Charles

#132182 Copied
Jack Richardson

Support staff

July 2, 2016 at 08:54
Hello,

Add this code in Global Custom CSS section:

.sidebar.sidebar-left h3 { border: 2px solid black; line-height: 25px; padding: 20px 0 20px; border-left: none; border-right: none; } .widget_mgwoocommercebrands ul li { padding: 17px 0; border-bottom: 1px solid #E9E9E9; }

Best regards,
Jack Richardson.
#132202 Copied
FlashNFunky

Participant

July 2, 2016 at 09:57

Thanks Jack, that looks much better.

Is it possible to also have the code for the hover effect like on the shop by categories as well as the two lines in the header.

Thanks,

Charles

#132223 Copied
Jack Richardson

Support staff

July 2, 2016 at 10:14
Hello,

Please use this css code:

.widget_mgwoocommercebrands ul li:hover { background-color: red; }

Best regards,
Jack Richardson.
#132224 Copied
FlashNFunky

Participant

July 2, 2016 at 13:48

Thanks Jack, just one last thing regarding the menu. On the hover I’ll like the text white.

Thanks,

Charles

#132236 Copied

FlashNFunky

Participant

July 3, 2016 at 00:50

Thanks Jack, All is well with the menu now.

Thanks,

Charles

#132255 Copied

Jack Richardson

Support staff

July 3, 2016 at 08:47

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#132264 Copied
Viewing 27 results - 1 through 27 (of 27 total)