http://www.kriesi.at/support/topic/styling-footer-widgets-in-propulsion Support Forum - Topic: styling footer widgets in Propulsion en-US Thu, 20 Jun 2013 08:01:40 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/styling-footer-widgets-in-propulsion#post-74347 Tue, 04 Sep 2012 15:56:02 +0000 susan_ideology 74347@http://www.kriesi.at/support/ <p>brilliant! Thanks Mya. susan </p> http://www.kriesi.at/support/topic/styling-footer-widgets-in-propulsion#post-74224 Tue, 04 Sep 2012 01:04:43 +0000 Mya 74224@http://www.kriesi.at/support/ <p>Hi Susan,</p> <p>Try this:</p> <pre><code>#top #wrap_all #footer #text-15.widget a { color: #FFFFFF !important; font-family: Arial,sans- serif; font-size: 11px; }</code></pre> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/styling-footer-widgets-in-propulsion#post-73800 Fri, 31 Aug 2012 13:16:58 +0000 susan_ideology 73800@http://www.kriesi.at/support/ <p>Hi yes, you should be able to view it now - for some reason i managed to blank the whole lot out when I was transferring some styles to custom.css last night.</p> <p>Many thanks, Susan </p> http://www.kriesi.at/support/topic/styling-footer-widgets-in-propulsion#post-73682 Thu, 30 Aug 2012 18:11:53 +0000 Devin 73682@http://www.kriesi.at/support/ <p>Hi Susan,</p> <p>Can you fill in some content into the footer so we can take a look live? Leave the CSS from Mya intact as well so that we can see how its interacting s from the looks of it, it shouldn't have any issues.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/styling-footer-widgets-in-propulsion#post-73678 Thu, 30 Aug 2012 17:36:26 +0000 susan_ideology 73678@http://www.kriesi.at/support/ <p>Hi Mya, the styling you gave me worked in that it gave me the #fff on hover. but the text is still black when you don't hover over it.</p> <p>It does work by adding an "a" before the "a:hover, but for some reason this also attached itself to the hover on my main navigation menu at the top and changed the hover color there to white too! Not quite sure what happened there.</p> <p>Have you got any other ideas?</p> <p>Susan </p> http://www.kriesi.at/support/topic/styling-footer-widgets-in-propulsion#post-73667 Thu, 30 Aug 2012 16:32:07 +0000 Mya 73667@http://www.kriesi.at/support/ <p>Hi Susan,</p> <p>What you'll need to do is find the ID of the widget DIV. You can do that by going to View Source for the page. So for example the first widget's ID is 15. To target that widget you would use something like this:</p> <pre><code>#footer.container_wrap.socket_border #text-15.widget { color: #FFFFFF !important; font-family: Arial,sans- serif; font-size: 11px; }</code></pre> <p>Or for links you may use this:<br /> <pre><code>#top #wrap_all #footer #text-15.widget a:hover { color: #FFFFFF !important; }</code></pre> <p>You may have to use !important out to the side on some declarations.</p> <p>Hope this helps!</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/styling-footer-widgets-in-propulsion#post-73524 Wed, 29 Aug 2012 18:02:34 +0000 susan_ideology 73524@http://www.kriesi.at/support/ <p>Hi there,</p> <p>Am having some problems styling the footer widgets, I have different text styles for different widgets.</p> <p>- first widget which contains a custom menu I would like to have the text in a larger font and in white, with the hover link white as well but no dotted lines;<br /> - second widget I would like the first line of the text to be styled differently from the para underneath it. So accreditation in Arial #000 but the text underneath in Georgia #999</p> <p>Having looked at the style sheets I've tried various combinations to try to target these areas but to no avail! Your help would be appreciated.</p> <p>Susan</p> <p>psIf it helps, here is a link to the site showing the footer as it is at the moment.</p> <p><a href="http://s154267.gridserver.com/?page_id=410" rel="nofollow">http://s154267.gridserver.com/?page_id=410</a> </p>