http://www.kriesi.at/support/tags/css-styling Support Forum - Tag: css styling - Recent Posts en-US Sun, 19 May 2013 11:08:40 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-89320 Sat, 22 Dec 2012 08:44:43 +0000 Dude 89320@http://www.kriesi.at/support/ <p>Afaik you can easily remove the mega menu class from the sidebar menu. Afterwards the mega menu js and css code won't affect the menu widget anymore. Open up abundance/js/avia.js and replace following code (at the very top):</p> <pre><code>jQuery(document).ready(function(){</code></pre> <p>with:</p> <pre><code>jQuery(document).ready(function(){ jQuery(&#39;.sidebar .widget .dcjq-accordion .avia_mega&#39;).removeClass(&#39;avia_mega&#39;);</code></pre> http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-89256 Fri, 21 Dec 2012 18:25:58 +0000 aliciachong 89256@http://www.kriesi.at/support/ <p>Thanks looking forward to it - for the meantime, would disabling the mega menu help? </p> http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-89139 Thu, 20 Dec 2012 19:01:46 +0000 Devin 89139@http://www.kriesi.at/support/ <p>Hi aliciachong,</p> <p>It looks like the mega menu code is taking over whatever the plugin attempts to output. I'll tag the topic for the head of support as I'm not sure what the best way (or if possible) to prevent that from happening.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-89051 Thu, 20 Dec 2012 07:44:14 +0000 aliciachong 89051@http://www.kriesi.at/support/ <p>Hi Ismael, </p> <p>I copied and pasted the codes but nothing happen again. </p> http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-88899 Wed, 19 Dec 2012 04:58:43 +0000 Ismael 88899@http://www.kriesi.at/support/ <p>Hi aliciachong,</p> <p>I can check it now. Kindly replace the plugin css code that you added in custom.css and replace it with this code:<br /> <pre><code>.dcjq-accordion{font: bold 14px Arial, sans-serif; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;} .dcjq-accordion ul, .dcjq-accordion ul li {margin: 0; padding: 0; border: none; list-style: none;} .dcjq-accordion ul a {padding: 10px 10px 10px 50px; background: #ececec; text-decoration:none; display: block; color: #333; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; position: relative; text-shadow: 1px 1px 1px #fff;} .dcjq-accordion ul a.dcjq-parent, .dcjq-accordion ul a.dcjq-parent:hover {background: #D7D4D4 url(&#39;http://www.businessphonezone.com/wp-content/plugins/jquery-vertical-accordion-menu/skins/images/bg_grey.png&#39;) repeat-x 0 -1px;} .dcjq-accordion ul a .dcjq-icon {position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -17px; height: 34px; background: url(&#39;http://www.businessphonezone.com/wp-content/plugins/jquery-vertical-accordion-menu/skins/images/arrow_grey_right.png&#39;) no-repeat 0 center;} .dcjq-accordion ul a.dcjq-parent.active .dcjq-icon {background: url(&#39;http://www.businessphonezone.com/wp-content/plugins/jquery-vertical-accordion-menu/skins/images/arrow_grey_down.png&#39;) no-repeat 0 center;} .dcjq-accordion ul a:hover {background: #fff; color: #990000;}</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-88829 Tue, 18 Dec 2012 18:22:10 +0000 aliciachong 88829@http://www.kriesi.at/support/ <p>I checked my websites on 2 different computer with different IP addresses in separate locations - it did not re-direct me to another page. Can you try again? </p> http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-88440 Sun, 16 Dec 2012 10:02:29 +0000 Ismael 88440@http://www.kriesi.at/support/ <p>Hi aliciachong,</p> <p>I tried to check your site but it keeps on redirecting me to this page: <a href="http://www.businessphonezone.com/cgi-sys/suspendedpage.cgi" rel="nofollow">http://www.businessphonezone.com/cgi-sys/suspendedpage.cgi</a></p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-88435 Sun, 16 Dec 2012 09:14:40 +0000 aliciachong 88435@http://www.kriesi.at/support/ <p>I did exactly what you recommended but it still does not work. the plugin i am using is jquery accordion menu. please advise.<br /> <a href="http://www.businessphonezone.com" rel="nofollow">http://www.businessphonezone.com</a> </p> http://www.kriesi.at/support/topic/styling-h3-tags-in-css#post-64681 Tue, 10 Jul 2012 06:33:51 +0000 Ismael 64681@http://www.kriesi.at/support/ <p>Hi hysteric,</p> <p>Glad that Mya helped you. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/styling-h3-tags-in-css#post-64485 Mon, 09 Jul 2012 10:38:58 +0000 hysteric 64485@http://www.kriesi.at/support/ <p>Cheers - this worked... </p> http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-60634 Mon, 18 Jun 2012 03:01:55 +0000 Ismael 60634@http://www.kriesi.at/support/ <p>Hello,</p> <p>Try to locate the stylesheet/stylesheets/css use on each plugin. Open the file then copy everything on your custom.css. Custom.css will override any stylesheets that theme have.</p> <p>You need to be careful because this may break the layout of the theme.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-60561 Sun, 17 Jun 2012 04:52:36 +0000 pawoodster 60561@http://www.kriesi.at/support/ <p>Any ideas? </p> http://www.kriesi.at/support/topic/styling-h3-tags-in-css#post-60333 Fri, 15 Jun 2012 04:25:14 +0000 Mya 60333@http://www.kriesi.at/support/ <p>Hi hysteric,</p> <p>In order to differentiate you'd need to do something like this:</p> <pre><code>.template-blog .entry-content h3 { font-size:1em; text-transform: none; clear:both; line-height: 1.7em; font-weight: normal; }</code></pre> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/styling-h3-tags-in-css#post-60174 Thu, 14 Jun 2012 09:56:11 +0000 hysteric 60174@http://www.kriesi.at/support/ <p>I would like to use CSS on the h3 tag on individual posts that is different from the h3 tag used throughout the theme. I can't seem to get this right as it changes all instances of the h3 tags. I have tried:</p> <p>.entry-content h3 {<br /> font-size:1em;<br /> text-transform: none;<br /> clear:both;<br /> line-height: 1.7em;<br /> font-weight: normal;<br /> } </p> http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-59988 Wed, 13 Jun 2012 07:24:15 +0000 pawoodster 59988@http://www.kriesi.at/support/ <p>Here is the site link, please remove after testing please <a href="http://188.65.112.30/~jpsmachi/" rel="nofollow">http://188.65.112.30/~jpsmachi/</a> </p> <p>Right now I'm using this <a href="http://wordpress.org/extend/plugins/dropdown-menu-widget/" rel="nofollow">http://wordpress.org/extend/plugins/dropdown-menu-widget/</a> and have it set to a blue gradient theme. Whatever theme style I pick doesn't work and as you can see, the menu is getting cut off in certain places and not displaying correctly.</p> <p>Another plugin I wanted to use was jQuery Vertical Accordion Menu. That menu styles ok but won't expand or collapse. </p> http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-59971 Wed, 13 Jun 2012 06:12:38 +0000 Ismael 59971@http://www.kriesi.at/support/ <p>Hi,</p> <p>Can you post a link to your site(that has those plugins in the sidebar)? so we can inspect further.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/sidebar-menu-issues-with-plugins-and-abundance-overiding-styling#post-59841 Tue, 12 Jun 2012 16:26:03 +0000 pawoodster 59841@http://www.kriesi.at/support/ <p>Hi, </p> <p>No matter what plugin I try to use in the sidebar to create a vertical dropdown menu, the abundance theme styling overrides it. Either the dropdown won't funtion properly, part of the menu gets cut off, or I can't tell it what colors or font etc to use. I've tried about 8 different plugins now...jquery, flash, CSS only and nothing is working right with this theme. Disabling all plugins didn't help and when I test them on Twenty Eleven and other themes, they all worked fine.</p> <p>What code causes Abundance to take over styling of sidebar that makes other plugins not work? Can it be fixed to not override and how? Would greatly appreciate help with this. Been trying different things for a few weeks now. </p> <p>P.S. Here is the dropdown menu I'm currently trying to use with this theme if you want to test it as a vertical menu in the sidebar.</p> <p><a href="http://wordpress.org/extend/plugins/dropdown-menu-widget/" rel="nofollow">http://wordpress.org/extend/plugins/dropdown-menu-widget/</a></p> <p>Thanks </p> http://www.kriesi.at/support/topic/styling-help-with-corona#post-50247 Thu, 05 Apr 2012 21:24:52 +0000 vibeGirl 50247@http://www.kriesi.at/support/ <p>Thank you, Dude. You answered the more important question anyway. :)</p> <p>Although I prefer to use custom.css to restyle themes, I've been digging through dark-skin.css and removing the 1px lines myself.</p> <p>Again, I appreciate the help!</p> <p>Heather </p> http://www.kriesi.at/support/topic/styling-help-with-corona#post-50107 Thu, 05 Apr 2012 07:00:53 +0000 Dude 50107@http://www.kriesi.at/support/ <p>You can change the background color of the menu items with following code:<br /> <pre><code>#top #header .main_menu .menu ul li a { background: #333; } #top #header .main_menu .menu ul li a:hover { background: #222; }</code></pre> <p>Regarding the 1px lines. They're so many - to be honest I can't investigate the whole site to find them all. I suggest to use Firebug or the Chrome dev tools to find the right elements and to adjust the css code accordingly. </p> http://www.kriesi.at/support/topic/styling-help-with-corona#post-50061 Thu, 05 Apr 2012 00:36:18 +0000 vibeGirl 50061@http://www.kriesi.at/support/ <p>I'm using Firebug but can't seem to figure out a few styling issues now that I've made the entire background a dark color, and searching through this forum hasn't given me exactly what I'm looking for.</p> <p>1. I'd like to change the color of the 1px lines throughout the site (above the menu and logo, between the sections of my dynamic template, between the content and sidebar, etc)</p> <p>2. Change the background color of the drop down menus; they are still the dark grey from the dark-skin.css</p> <p>You can see the site at the temporary URL: <a href="http://50.23.215.211/~agilardi/" rel="nofollow">http://50.23.215.211/~agilardi/</a></p> <p>Thanks!<br /> Heather </p>