Simply Social Icons Plug In

[WebVision]

Please forward code for this plugin to work, its not sizing the icons correctly…Thank You
Unless you suggest something else
ssicons.jpg

Attachments:

You must be logged in to view attached files.

[Anonymous]

Hi Doc,

Please send the url link of site so that we could give you solution as well as state the plugin that you are using.

Thanks

[WebVision]

Umesh
This site is not available to preview however go and check http://www.saintandrewpreschool.com and in the footer you will see the same issue with the social icons. As stated in title the name is Simply Social Icons plugin…Thank You

[Anonymous]

Hi Doc24,

Use the following css in your stylesheet to fix the issue:

.fr_widgets_bottom_widget ul li a:before{
      display:none;
}

Note: Please use the custom css plugin or Child theme so the changes does not lost on theme updates.

[WebVision]

Umesh, I am using it in the page side bar and blog of the flat resp pro on the other site
What is the designation for each of those
Thank You

Already using the child theme

[Anonymous]

Hi Doc24,

There is no such setting option in plugin that you used, so you need to use custom css to fix the issue as we post css code already.

.fr_widgets_bottom_widget ul li a:before{
      display:none;
}

Css for flat responsive theme.
Regarding to other theme you can change the

name(use necessary div name instead of ‘.fr_widgets_bottom_widget’ ) using by theme.

Thanks

[WebVision]

I am not asking for a setting in the plugin….as its the same theme for both sites
I need the same code you supplied only for the blog right sidebar and the page right sidebar in the widget area
Thank You

Image attached
blogright.jpg

Attachments:

You must be logged in to view attached files.

[Anonymous]

Hi Doc24,

You can write custom css to fix the issue of icons on sidebar widget section.

Thanks

[WebVision]

Sorry dont do code, thats why I asked

[Anonymous]

Hi Doc24,

Could you please send the link of site so that we could replicate your actual issue and gave you solution (custom css code) fast.

Thanks

[WebVision]

http://www.saintandrewpreschool.com/news/ for the blog right side bar
http://www.saintandrewpreschool.com/curriculum-standards/ for page righjt side bar

Here is a site with the same issue – Flat Responsive pro
I will also apply this fix to any flat responsive pro site I develop
Thank You

[Anonymous]

Hi Doc24,

Please add the following code of css in style to fix the issue :

aside#fr-right .simple-social-icons ul li a, 
aside#fr-right  .simple-social-icons ul li a:hover{
	padding: 8px !important;
}

Thanks

[WebVision]

Umesh, Thank you, that’s why I leave coding up to the professionals. Dave R

[Author]

Posts