http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 25 May 2013 04:21:20 +0000 http://themeshaper.com/forums/topic/dropdown-submenu-items-wont-resize#post-26177 Thu, 05 Apr 2012 20:01:46 +0000 siguy 26177@http://themeshaper.com/forums/ <p>It's probably a bit late for this but, add !important to your rule.</p> <pre><code>.sf-menu li ul li { width: 100px !important; }</code></pre> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25129 Tue, 31 Jan 2012 13:24:29 +0000 crashprojects 25129@http://themeshaper.com/forums/ <p>Helga, you're awesome! I could kick myself right now; I knew it was going to be something easy I should have thought of myself! FYI I learned everything I needed to know to style the menu in the first place from your thematic menus demystified post. I have it bookmarked and refer to it all the time! Thanks for everything! </p> <p>Scott, thanks for the reply. I actually tried that yesterday and it didn't work. The menu was still cut off at the end. </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25120 Tue, 31 Jan 2012 08:53:30 +0000 proto 25120@http://themeshaper.com/forums/ <p>Haha!</p> <p>Helgatheviking and ScottNix you are brilliant, good work! </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25114 Tue, 31 Jan 2012 03:01:30 +0000 ScottNix 25114@http://themeshaper.com/forums/ <p>I am too slow :( </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25113 Tue, 31 Jan 2012 03:01:09 +0000 ScottNix 25113@http://themeshaper.com/forums/ <p>The easy way to fix this would be to add to the #access instead of .menu.</p> <pre><code>#access { width: 940px; margin: 0 auto; }</code></pre> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25112 Tue, 31 Jan 2012 02:55:53 +0000 helgatheviking 25112@http://themeshaper.com/forums/ <p>why don't you assign the background color to the UL element then instead of to the individual links?</p> <pre><code>.sf-menu { width: 100% background: #D6DFFF; }</code></pre> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25110 Tue, 31 Jan 2012 02:40:40 +0000 crashprojects 25110@http://themeshaper.com/forums/ <p>Sorry, the link I have up keeps changing bc I'm working with it right now so I'm sure if you went to it it was confusing.</p> <p>Here's a link to a screenshot I took of the issue. The issue I'm talking about is pointed out in red. </p> <p><a href="http://crashprojects.com/menu" rel="nofollow">http://crashprojects.com/menu</a></p> <p>Thanks. </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25107 Tue, 31 Jan 2012 00:48:40 +0000 helgatheviking 25107@http://themeshaper.com/forums/ <p>ok, well that's good. you'd be surprised at the number of people who try to solve CSS issues w/o it.</p> <p>i didn't and still don't understand what you want to line up with what. maybe explain again or sometimes i pic is worth a thousand words. </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25106 Mon, 30 Jan 2012 23:51:50 +0000 crashprojects 25106@http://themeshaper.com/forums/ <p>I do use firebug. I know what the elements are and where they are. I understand that the menu expands to accomodate it's content. I just don't know how to make that menu extend further than that so that everything lines up. I changed the colors back at:</p> <p><a href="http://samh.crashprojects.com" rel="nofollow">http://samh.crashprojects.com</a> </p> <p>to illustrate what's happening. </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25101 Mon, 30 Jan 2012 22:46:41 +0000 helgatheviking 25101@http://themeshaper.com/forums/ <p>??</p> <p>use <a href="http://getfirebug.com" rel="nofollow">http://getfirebug.com</a> to solve almost all css problems </p> http://themeshaper.com/forums/topic/can-i-change-the-width-of-the-menu-to-line-up-with-the-end-of-my-headercontent#post-25098 Mon, 30 Jan 2012 21:29:49 +0000 crashprojects 25098@http://themeshaper.com/forums/ <p>See here: </p> <p><a href="http://samh.crashprojects.com" rel="nofollow">http://samh.crashprojects.com</a></p> <p>Driving me nuts! </p> http://themeshaper.com/forums/topic/div-width-of-elementstyle-setting#post-23126 Sat, 17 Sep 2011 06:32:09 +0000 iyamdman 23126@http://themeshaper.com/forums/ <p>Helga - you are a goddess - the max-width worked perfectly!!! Thank you sooooo much. </p> http://themeshaper.com/forums/topic/div-width-of-elementstyle-setting#post-23124 Sat, 17 Sep 2011 02:36:22 +0000 helgatheviking 23124@http://themeshaper.com/forums/ <p>it is due to the weird way WP auto calculates the width of the caption div. you can try setting the max width of the caption div to be the same as the width of the content div. in your case</p> <pre><code>.wp-caption { max-width: 660px; }</code></pre> http://themeshaper.com/forums/topic/div-width-of-elementstyle-setting#post-23122 Sat, 17 Sep 2011 02:19:04 +0000 iyamdman 23122@http://themeshaper.com/forums/ <p>I am working with the Thematic theme on this site:</p> <p><a href="http://hotrodhoochhotwheels.com/wpsitehrhhw/" rel="nofollow">http://hotrodhoochhotwheels.com/wpsitehrhhw/</a></p> <p>On this page I have loaded some photos:</p> <p><a href="http://hotrodhoochhotwheels.com/wpsitehrhhw/cars/camaro" rel="nofollow">http://hotrodhoochhotwheels.com/wpsitehrhhw/cars/camaro</a></p> <p>You will see in the top image, that it is larger then the bottom photo, but that it's right side has been cut-off/hidden.</p> <p>How can I get it so that the template will adjust the image size to a max-width?</p> <p>I am using Firebug, and I can see that the container is Div id = "Post-#" and the Div Class = "entry-content"</p> <p>I think in there, is where the "element.style" is set to 810px.</p> <p>I look through all the .css files, and can't find any code setting this width.</p> <p>Does this mean that it is set by being = to a certain width of some other area?</p> <p>Where in the .css files can I find where this width is set, or some way to override it? In the default.css? style.css? </p> http://themeshaper.com/forums/topic/fluid-layout-for-content#post-22175 Wed, 06 Jul 2011 13:39:46 +0000 huyz 22175@http://themeshaper.com/forums/ <p>I modified the Acamas them to implement a hybrid grid-fluid layout. It respects grid dimensions for min-width and max-widht but it automatically adapts the content for bigger screens, which are quite common these days.</p> <p>If anyone is interested, let me know. </p> http://themeshaper.com/forums/topic/how-to-change-thematic-to-be-fixed-width#post-21213 Tue, 10 May 2011 18:57:16 +0000 4rederick 21213@http://themeshaper.com/forums/ <p>Danields, if you're still around, I'd love to hear how you did this. Thanks! </p> http://themeshaper.com/forums/topic/full-width-custom-design-on-homepage#post-20052 Mon, 28 Mar 2011 19:30:52 +0000 helgatheviking 20052@http://themeshaper.com/forums/ <p><a href="http://themeshaper.com/forums/topic/remove-sidebar" rel="nofollow">http://themeshaper.com/forums/topic/remove-sidebar</a></p> <p>just insert your own brand of conditional logic</p> <p>see the codex for more on conditional logic<br /> <a href="http://codex.wordpress.org/Conditional_Tags" rel="nofollow">http://codex.wordpress.org/Conditional_Tags</a> </p> http://themeshaper.com/forums/topic/full-width-custom-design-on-homepage#post-20048 Mon, 28 Mar 2011 18:22:18 +0000 mrmikeman 20048@http://themeshaper.com/forums/ <p>how do i assign the full page template to my home page seeing is my home page is not static, i need my home page/category archive search etc, to be full width but all my other pages/posts to have the side bar like normal.. </p> http://themeshaper.com/forums/topic/create-a-background-frame-of-different-color#post-19943 Wed, 23 Mar 2011 14:54:13 +0000 louisJ 19943@http://themeshaper.com/forums/ <p>Thank you very much<br /> I added this in my style.css<br /> <code><br /> body {<br /> background-color:#808080;<br /> }<br /> #wrapper {<br /> width:1000px;<br /> margin:0px auto;<br /> background-color:#fff;<br /> }<br /> </code><br /> and it works!<br /> Tanks </p> http://themeshaper.com/forums/topic/create-a-background-frame-of-different-color#post-19936 Wed, 23 Mar 2011 09:42:32 +0000 helgatheviking 19936@http://themeshaper.com/forums/ <p>using firebug you'd see that you can do this easily by assigning a width to the #wrapper div. (and assign white as the background on #wrapper and gray as the bg on body) </p> http://themeshaper.com/forums/topic/create-a-background-frame-of-different-color#post-19935 Wed, 23 Mar 2011 07:27:39 +0000 d_rec 19935@http://themeshaper.com/forums/ <p>Check out the Thematic Structure and it'll list common divs you can target with CSS. You might want #main,#container or #content - I'm not sure. <a href="http://bluemandala.com/thematic/thematic-structure.html" rel="nofollow">http://bluemandala.com/thematic/thematic-structure.html</a> </p> http://themeshaper.com/forums/topic/create-a-background-frame-of-different-color#post-19925 Tue, 22 Mar 2011 22:29:57 +0000 louisJ 19925@http://themeshaper.com/forums/ <p>Anybody? </p> http://themeshaper.com/forums/topic/create-a-background-frame-of-different-color#post-19913 Tue, 22 Mar 2011 16:15:26 +0000 louisJ 19913@http://themeshaper.com/forums/ <p>Thanks<br /> but actually #wrapper {background-color:#808080;} doesn't color just the general frame but everything<br /> <a href="http://img838.imageshack.us/i/capture4ir.png/" rel="nofollow">http://img838.imageshack.us/i/capture4ir.png/</a></p> <p>Do you have an idea on how to achieve what I want?</p> <p>Thanks </p> http://themeshaper.com/forums/topic/create-a-background-frame-of-different-color#post-19910 Tue, 22 Mar 2011 12:51:03 +0000 d_rec 19910@http://themeshaper.com/forums/ <p>W3Schools will come in handy as a reference for your CSS properties <a href="http://www.w3schools.com/css/default.asp" rel="nofollow">http://www.w3schools.com/css/default.asp</a> </p> http://themeshaper.com/forums/topic/create-a-background-frame-of-different-color#post-19909 Tue, 22 Mar 2011 12:49:12 +0000 d_rec 19909@http://themeshaper.com/forums/ <p>Use Firebug <a href="http://getfirebug.com/" rel="nofollow">http://getfirebug.com/</a> to isolate the CSS properties of your site and maybe try #wrapper {background-color:#505050;} </p> http://themeshaper.com/forums/topic/create-a-background-frame-of-different-color#post-19906 Tue, 22 Mar 2011 12:32:35 +0000 louisJ 19906@http://themeshaper.com/forums/ <p>Hi</p> <p>How can create a background frame of different color for the whole site like this <a href="http://img109.imageshack.us/i/capture2ml.png/" rel="nofollow">http://img109.imageshack.us/i/capture2ml.png/</a><br /> instead of the default mode where the ids spanning on the whole width like this<br /> <a href="http://img219.imageshack.us/i/capture3o.png/" rel="nofollow">http://img219.imageshack.us/i/capture3o.png/</a><br /> ?<br /> I use the thematic layout 2c-l-fixed.css.</p> <p>Thank you. </p> http://themeshaper.com/forums/topic/superfish-menu-child-menu-wrapping#post-18691 Tue, 25 Jan 2011 15:11:00 +0000 andycheeseman 18691@http://themeshaper.com/forums/ <p>Thinking out loud here again, but could putting jquery in 'no conflict' mode help? I guess this means separating different strings of jquery. I.e. Superfish is using jquery as is this image slider, so this may be causing the problem? </p> http://themeshaper.com/forums/topic/superfish-menu-child-menu-wrapping#post-18689 Tue, 25 Jan 2011 14:30:31 +0000 andycheeseman 18689@http://themeshaper.com/forums/ <p>The problem disappears (as does the working of the image slider)when you take 'jquery-1.4.4.js' out of the equation. </p> http://themeshaper.com/forums/topic/superfish-menu-child-menu-wrapping#post-18688 Tue, 25 Jan 2011 13:47:03 +0000 andycheeseman 18688@http://themeshaper.com/forums/ <p>Hi,</p> <p>I noticed that the Superfish menu starts wrapping child menu text after inserting a jQuery image slider (Coin Slider - <a href="http://workshop.rs/projects/coin-slider/" rel="nofollow">http://workshop.rs/projects/coin-slider/</a>).</p> <p>IMAGE OF THE PROBLEM<br /> <a href="http://get.ge.tt/56DEf7Y/problem.JPG" rel="nofollow">http://get.ge.tt/56DEf7Y/problem.JPG</a></p> <p>It's hard to pin this down in firebug, but I did notice that before the slider is inserted there is the following CSS code being generated that I can't account for in any of my CSS files. Once the slider IS inserted, I can't see this code.</p> <p><code><br /> element.style {<br /> float:none;<br /> width:auto;<br /> }<br /> </code></p> <p>Does anyone have any suggestions?</p> <p>Thanks,<br /> Andy. </p> http://themeshaper.com/forums/topic/full-width-custom-design-on-homepage#post-18686 Tue, 25 Jan 2011 13:07:28 +0000 helgatheviking 18686@http://themeshaper.com/forums/ <p>i'd probably try if(is_page_template('page-template-template-page-fullwidth.php'))</p> <p>check the wordpress codex for conditional tags </p>