Return to previous page

Social Media - by experttech - on WordPress WooCommerce support

This topic has 14 replies, 3 voices, and was last updated 9 years, 10 months ago ago by Eva Kemp

experttech

Participant

February 18, 2016 at 10:24

Hi,

Please can you tell me how to get the social media icons in the menu at the top right hand side please?

I have included the ftp and wordpress admin logins below should you need it.

Many Thanks

Please, contact administrator
for this information.

#113634 Copied

13 Answers

Jack Richardson

Support staff

February 18, 2016 at 10:35

Hello,

You can enable top bar in Theme Options > Header and add [share] shortcode in Appearance > Widgets > Right Side top bar area. If you want to show icons in the menu please refer to this article: https://www.8theme.com/blog/how-to-add-social-media-icons-to-wordpress-menus/

Best regards,
Jack Richardson.

#113637 Copied

experttech

Participant

February 19, 2016 at 12:39

Hi,

Thanks, I have managed to add the icons. I have tried changing the size of the icons using a plugin called CSS however it doesn’t seem to change the size of the icons. Do you know how I can make the icons smaller but keep the font size of the menu text the same please?

Also, please can you tell me how I can edit the “Read More” button on the portfolio section. I need it to read “Watch More” instead

Many Thanks

#113849 Copied
Eva Kemp

Participant

February 19, 2016 at 16:19
Hello,

Add this code in Theme Options > Custom CSS > Global Custom CSS:

header .icon-2x { font-size: 20px; }

To change the button text edit the file wp-content/plugins/js_composer/include/params/vc_grid_item/templates.php in line 9.

Regards,
Eva Kemp.
#113911 Copied
experttech

Participant

February 20, 2016 at 19:06

Thank you for your help.

My client has some other changes they would like to make and I was wondering if you could help me please?

1. I need to add the Vimeo social media icon with the Facebook Twitter and Instagram ones. I think I know how to do it within the theme as you explained before to edit them, however I have added them to the menu bar using the directions supplied above by installing the Social Icon plugin and adding them via the menu page in wp-admin. I can’t seem to find the vimeo icon in the list. Do you know another way I can add it to the menu please?

2 Can you tell me where I can edit the thickness of the header bar for the main menu please? I need to make it a bit thinner.

3. My client has also asked if there is a way that the main menu bar can remain pink when scrolling through the site instead of turning white?

4. Finally, when you go onto the site on a mobile, the homepage slider images do not seem to fit into the screen properly? Is there a setting that the images will fit into the screen properly or do they have to be a certain size so that they dont appear to be cut off?

I appreciate all your help so far.

Many Thanks

#114029 Copied
Eva Kemp

Participant

February 21, 2016 at 10:54
Hello,

1. Please read this article how to request new icons http://fortawesome.github.io/Font-Awesome/community/#requesting-new-icons .

2. Please add this code in Theme Options > Custom CSS > Custom CSS for desktop:

.header-type-15 .main-header > .container .tbs { width: 100%; } .header-type-15 .main-header > .container .navbar { padding: 0px 0; }

3. Add this code in Theme Options > Custom CSS > Global Custom CSS:

.fixed-header-area { background-color: #f9b5b2; }

4. I’ve changed slider settings:
http://prntscr.com/a61n3c
http://prntscr.com/a61nbh
You can set your own custom sizes.
Please check slider on mobile now.

Regards,
Eva Kemp.
#114069 Copied
experttech

Participant

February 21, 2016 at 15:11

Hi,

Thanks so much for your help.
I saw the article before about requesting new icons. I believe font awesome already have the Vimeo icon, however it doesnt appear in the option to choose from in the Appearance > menu > custom links option. Do you have any advise on how to select an icon that is already available on Font Awesome but just not in the list in wp-admin?

Many Thanks

#114086 Copied

experttech

Participant

February 21, 2016 at 15:47

Hi,

Actually I have managed to find the code to add to functions.php and that seems to have worked!

Thanks for all your help! 🙂

Thank you

#114088 Copied

experttech

Participant

February 21, 2016 at 16:09

Hi,

Sorry one more question please.

I have tried to add the vimeo icon to the footer small by accessing the shortcode.php.

I have added what I think is the correct code, however it does not seem to be appearing on the site.
Please could you check to see if this is correct.

Thank you so much

#114089 Copied

experttech

Participant

February 21, 2016 at 17:58

Sorry I have some more questions for my client

How do I change the color of the font on the fixed header area from black to white so that it matches?

Alternatively, do you know if there is a way that the menu bar doesn’t transition and just stay the same when you scroll through the site? Im not sure if that is possible.

I also still need help with adding the Vimeo icon to the footer small.

Many Thanks

#114093 Copied

experttech

Participant

February 22, 2016 at 11:47

*

#114170 Copied
Eva Kemp

Participant

February 22, 2016 at 11:51
Hello,

To change font color in fixed header use this code in Global Custom CSS:

.fixed-header-area .menu > li > a { color: white !important; }

Unfortunately there is no option to make header stay the same when scrolling.

I’ve edited shortcodes.php file to add vimeo icon and added this code in Global Custom CSS:

.fa-vimeo-square:before { font-family: FontAwesome; } .main-footer .menu-social-icons i { background-color: transparent; }

Please check footer now.

Regards,
Eva Kemp.
#114171 Copied
experttech

Participant

February 22, 2016 at 11:59

Hi,

Thank you so much for you help. Thats great.

Please can you tell me where the best place is to leave a 5-star review for your support?
You’ve been great!

Many Thanks

#114172 Copied

Eva Kemp

Participant

February 22, 2016 at 14:07

Hello,

You’re welcome.
You can leave rating on ThemeForest site in Downloads area. Login to your account on ThemeForest, go to Downloads area, find Royal theme and you’ll see the stars next to it.
Also you can leave a comment here:
http://themeforest.net/item/royal-multipurpose-wordpress-theme/8611976/comments

Regards,
Eva Kemp.

#114200 Copied
Viewing 14 results - 1 through 14 (of 14 total)