Contact Us Widget

(8 posts) (4 voices)

1. 

   jroach
   Member

   I'd like to change the colors of the contact us widget icons (folder, comment cloud, and mail icons) so they show up better. Is there a way to change this? (see PistachioInsurance dot com)

   Posted 7 months ago #
2. 

   Ruderic
   Support

   Hi,

   Go to the theme folder and open the file "shortcodes.css". Around line #571, you will find this code:

   .contact_widget_name{background:url(images/shortcodes/sprites/custom_sprite_dddddd.png) no-repeat -420px -203px;}
   .contact_widget_phone{background:url(images/shortcodes/sprites/custom_sprite_dddddd.png) no-repeat -379px -241px;}
   .contact_widget_email{background:url(images/shortcodes/sprites/custom_sprite_dddddd.png) no-repeat -338px -281px;}

   Replace it with:

   .contact_widget_name{background:url(images/shortcodes/sprites/custom_sprite_dddddd.png) no-repeat -420px -203px !important;}
   .contact_widget_phone{background:url(images/shortcodes/sprites/custom_sprite_dddddd.png) no-repeat -379px -241px !important;}
   .contact_widget_email{background:url(images/shortcodes/sprites/custom_sprite_dddddd.png) no-repeat -338px -281px !important;}

   Try that and let us know the results.

   Posted 7 months ago #
3. 

   jroach
   Member

   Yes sir...worked great! Thank you.

   Posted 7 months ago #
4. 

   skinsey@totalnetworks.com
   Member

   Where can I change the font of the Title on the Contact Us widget?

   Posted 4 months ago #
5. 

   Elliott
   Support

   It should be the "Section Titles" in your skin, http://mysitemyway.com/docs/index.php?title=Creating_a_new_Skin#Main_Content.

   Posted 4 months ago #
6. 

   skinsey@totalnetworks.com
   Member

   I am able to chang the color and size in the skin editing area, but I want to change it from All Uppercase to lower case. I am not finding where to edit that in the stylesheet.

   Posted 4 months ago #
7. 

   Elliott
   Support

   To get rid of the uppercase text add this in Dashboard -> your theme -> General Settings -> Custom CSS,

   .widgettitle { text-transform: none !important; }

   Posted 4 months ago #
8. 

   skinsey@totalnetworks.com
   Member

   Thanks!

   Posted 4 months ago #

RSS feed for this topic

Reply

You must log in to post.