Houzz Social Icon and Change out Instagram Icon

Hi Nikko

custom changes added to .css
// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons[‘Icon Label’] = ‘icon_name’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

custom changes added to.php
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons[‘icon_name’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue800’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons[‘Icon Label’] = ‘icon_name’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

Thank you,
Colleen

Hi Victoria,

Can you explain further which credentials you are referring to?

Thank you,
Colleen

hi sorry for the delay, site is now live :)

I would like to customize/ adjust the following;

1) instagram feed- I would like it to span the whole width of the screen- I have tried a couple plug-ins and adjusted the code on both but nothing seems to work- right now I am using photo galleries that connect to my instagram page, until I can get it sorted.

2) the social icons- I would like to add Houzz icon I downloaded from fontello and uploaded but it doesn’t come up as an option to add to the footer or header

3) the social icons- is there any way I can change the hover colours to something that is more in line with my brand instead of the default colours? both in the social share layout editor and header/footer icons

4) I really like the demo content from Enfold Ecommerce where it has for example ‘Green Blouse “Daria”‘- it has options for multiple sizes and colours, and a sidebar to search by color, size, brand, price etc, whereas the demo content I uploaded for the bulk of my site does not provide these options in the product descriptions- I don’t want any new demo content to overwrite my existing site colours and settings- is there another way we can make this happen?

5) I added a pinterest plugin because I would like people to be able to share my images and blog graphics, but it changes the icon on the social shares to one I do not like, is there any way it can just be used on the images and not connected to the styling of the social shares? It’s also making every image pinnable, including my logo, which I’m not sure I want or think is necessary

6) I would like to swap out the instagram icon for the one I uploaded from fontello but it’s not coming up as an option to select even though the .zip file is there

7) How can I remove the line that follows text on the H1 heading? I looked in advanced theme settings but that’s the only thing I can’t change

8) How can I change the notification banner colour when a product is added to the cart? it’s showing green and I’d like it to be more in line with my branding

9) I’d like the shopping cart icon in the same area as the main menu to the right of the search option, but I want them both further to the right away from the menu items- when I assign it to main menu area it ends up floating up by my logo

Thank you!

I will need an email address to set up temporary admin access, please and thank you

great thank you Nikko!

for the pinterest question, I might want to change it to a built button as per pinterest recommendation and remove the plug in, however the code they provide wasn’t working with the theme or I was putting it in the wrong place, can we look into that?

One interesting thing about this theme with the pinterest plugin and any photos in a gallery linked to lightbox is that you can still pin the images linked to a lightbox, but only AFTER you click on them to open the lightbox, and the drawback to this option is that the description that comes up when you go to pin the image is NOT the alt text attributed to the image but the portfolio name instead, which doesn’t really work for those who want to pin your images and if it requires editing on their end they will likely not get pinned as much. Images not linked to lightbox are coming up with the alt text when you go to pin it, which is a more accurate description of the image and this way doesn’t require the pinner to edit the description. For now I have deactivated the lightbox link so when someone pins one of my images the description is more accurate and not something they have to re-write, I want people to share my images :) so I need to make it as user friendly as possible without the extra work of editing. I’d like to see if we can fix this as well.

Hi sorry Nikko! please try the login again.

the name of the pinterest plugin is called ‘Pinterest PinIt Button’ by weblizar

thank you!

Hi Yes Nikko,

Thank you for your reply, however I did note the above already and that was not the issue. I made mention I had found a work around until you were able to look into the lightbox galleries and how it interacted with the plugin which you just clarified won’t be an option with the gallery set up

Can you please look into the other primary issues I mentioned above the Pinterest plugin question- I will add them here again;

1) instagram feed- I would like it to span the whole width of the screen- I have tried a couple plug-ins and adjusted the code on both but nothing seems to work- right now I am using photo galleries that connect to my instagram page, until I can get it sorted.

2) the social icons- I would like to add Houzz icon I downloaded from fontello and uploaded but it doesn’t come up as an option to add to the footer or header

3) the social icons- is there any way I can change the hover colours to something that is more in line with my brand instead of the default colours? both in the social share layout editor and header/footer icons

4) I really like the demo content from Enfold Ecommerce where it has for example ‘Green Blouse “Daria”‘- it has options for multiple sizes and colours, and a sidebar to search by color, size, brand, price etc, whereas the demo content I uploaded for the bulk of my site does not provide these options in the product descriptions- I don’t want any new demo content to overwrite my existing site colours and settings- is there another way we can make this happen?

5) I added a pinterest plugin because I would like people to be able to share my images and blog graphics, but it changes the icon on the social shares to one I do not like, is there any way it can just be used on the images and not connected to the styling of the social shares? It’s also making every image pinnable, including my logo, which I’m not sure I want or think is necessary

6) I would like to swap out the instagram icon for the one I uploaded from fontello but it’s not coming up as an option to select even though the .zip file is there

7) How can I remove the line that follows text on the H1 heading? I looked in advanced theme settings but that’s the only thing I can’t change

8) How can I change the notification banner colour when a product is added to the cart? it’s showing green and I’d like it to be more in line with my branding

9) I’d like the shopping cart icon in the same area as the main menu to the right of the search option, but I want them both further to the right away from the menu items- when I assign it to main menu area it ends up floating up by my logo

Thank you!