Support Forum - Tag: Coding

Support Forum - Tag: Coding - Recent Posts http://www.kriesi.at/support/tags/coding Support Forum - Tag: Coding - Recent Posts en-US Sun, 19 May 2013 15:55:20 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Help me figure out how to center the menu!" http://www.kriesi.at/support/topic/help-me-figure-out-how-to-center-the-menu#post-80598 Mon, 22 Oct 2012 07:35:40 +0000 Dude 80598@http://www.kriesi.at/support/ Imho you just need to set the width of the menu items to auto and then add a margin to them - eg like: <pre><code>.main_menu .menu > li { margin-left: 40px; width: auto; }</code></pre> The space will be 40px between the items. minxgraphics on "Help me figure out how to center the menu!" http://www.kriesi.at/support/topic/help-me-figure-out-how-to-center-the-menu#post-80526 Sun, 21 Oct 2012 03:25:56 +0000 minxgraphics 80526@http://www.kriesi.at/support/ Thank you Devin. The website will be going live tomorrow so I would love you to have a look tomorrow evening at around 7pm (AEDST) and you will be able to see what I mean. I just want the spaces between each menu item to be even and I thought that centering the text would do that but it obviously does not as each menu title is in a column I think anyway so they will never be able to have even space between them :( The website to look at is: <a href="http://www.dragonflycustombooks.com.au" rel="nofollow">http://www.dragonflycustombooks.com.au</a> Devin on "Help me figure out how to center the menu!" http://www.kriesi.at/support/topic/help-me-figure-out-how-to-center-the-menu#post-80494 Sat, 20 Oct 2012 14:10:58 +0000 Devin 80494@http://www.kriesi.at/support/ Hi minxgraphics, Unfortunately just seeing the css doesn't help. The actual html for the menu/location and what elements are all taking effect on it are unnecessary to try and target it specifically. The only other thing I can suggest is adding !important to the above css as it works for me in-browser testing. So: <pre><code>#header, #header a { text-align: center !important; }</code></pre> Regards, Devin minxgraphics on "Help me figure out how to center the menu!" http://www.kriesi.at/support/topic/help-me-figure-out-how-to-center-the-menu#post-80293 Fri, 19 Oct 2012 00:07:26 +0000 minxgraphics 80293@http://www.kriesi.at/support/ Hi Devin! Thank you very much for your help. I had already tried your suggestion, every which way I could think of! I tried it all the way at the bottom of my style.css file as you suggested as well and still no luck :( I can not make the site live for you to look at until my client has approved it unfortunately. Below is the code for the menu - As you can see below I have tried putting the text-align: code in various places of the head and menu sections with no luck: /************************************************************************ -) HEAD *************************************************************************/ #header{ /*head area, which contains main menu and logo*/ z-index: 100; } #header .container{ /*height:90px;*/ /*uncomment this is you want a specific height for the header. otherwise it will adjust to the logo size*/ overflow: hidden; padding: 40px 0; z-index: 100; } #header .fancyborder{ width:100%; height:5px; position: absolute; top:0; left:0; } #top .logo, .logo a{ display:block; position:relative; border: none; padding: 0; margin:0; float:left; } #top .logo a, #top .logo a:hover{ top:0; left:0; outline:none; border: none; } #top .logo img{ border:none; } #top .bg-logo, #top .bg-logo a{ text-indent: -9999px; height:100px; width:190px; } /*menu*/ .main_menu .menu{ float: right; position: relative; top:93px; } .main_menu .menu > li{ float:left; width:120px; line-height: 1.6em; text-align:center; } .main_menu .menu > li:first-child{ text-align:center; } .main_menu .menu a{ text-decoration: none; text-transform: uppercase; display: block; text-align: center; } .main_menu .menu a:hover{ text-decoration: none; } .main_menu .menu > li > a{ font-weight: bold; font-size:11px; letter-spacing: 1.5px; padding-bottom:0px; text-align:center; } .main_menu .menu li li a{ font-size:11px; text-transform: none } .main_menu .menu li li ul{ display:none; overflow: hidden; } .main_menu .menu li li{ display:block; width:120px; overflow: hidden } .main_menu .menu li li li{ width:120px; } .main_menu .menu li li li li{ width:120px; } .main_menu .menu li li li li li{ width:120px; } .main_menu .menu li li ul.showblock{ display:block; } .main_menu .menu li li:hover > ul{ display:block; } Very frustrating indeed! I was hoping to get this sorted out by the end of this coming weekend, will just have to keep chipping away at it and see if I can solve the puzzle :) Devin on "Help me figure out how to center the menu!" http://www.kriesi.at/support/topic/help-me-figure-out-how-to-center-the-menu#post-80244 Thu, 18 Oct 2012 12:46:45 +0000 Devin 80244@http://www.kriesi.at/support/ Hey minxgraphics, Can we take a look at your site live? You can try adding the following css to your style.css (all the way at the bottom) but I'm not sure its what you are trying to do for sure: <pre><code>#header, #header a { text-align: center; }</code></pre> Regards, Devin minxgraphics on "Help me figure out how to center the menu!" http://www.kriesi.at/support/topic/help-me-figure-out-how-to-center-the-menu#post-80158 Wed, 17 Oct 2012 23:23:33 +0000 minxgraphics 80158@http://www.kriesi.at/support/ Hi everybody! I have just finished the layout on a new Velvet themed website and I can not for the life of me figure out how to make the menu titles centered so that the space between each menu title is even. Does anybody know how I can make this happen? Any help much appreciated ASAP :) xxsimpxx on "Pinterest Integration" http://www.kriesi.at/support/topic/pinterest-integration#post-38695 Wed, 25 Jan 2012 18:49:39 +0000 xxsimpxx 38695@http://www.kriesi.at/support/ I think that integrating the Pin it button from Pinterest would be HUGE for this theme. I've tried unsuccessfully to integrate it into the theme. Here is the Pinterest Goodies page for the "Pin it" button: <a href="https://pinterest.com/about/goodies/" rel="nofollow">https://pinterest.com/about/goodies/</a> My biggest problem is that I really don't have any coding experience. So I figured the best place to come would be here. I was hoping you guys could come up with a short video tutorial on how you could possibly integrate this and possibly other share buttons for each picture in say a gallery, blog or portfolio. For anyone who doesn't know what Pinterest is, it is a social media site for sharing images/photos. I recommend that you check it out and again I think that it would significantly boost the value of the Flashlight Theme. Thanks For Any Help Everyone!! Dude on "Adding Font To Avisio Layout Is Now Not Working Properly Neither Is Dashboard" http://www.kriesi.at/support/topic/adding-font-to-avisio-layout-is-now-not-working-properly-neither-is-dashboard#post-27309 Mon, 19 Sep 2011 07:16:16 +0000 Dude 27309@http://www.kriesi.at/support/ We'll stick to this post: <a href="http://www.kriesi.at/support/topic/optionsphp" rel="nofollow">http://www.kriesi.at/support/topic/optionsphp</a> jdarko82 on "Adding Font To Avisio Layout Is Now Not Working Properly Neither Is Dashboard" http://www.kriesi.at/support/topic/adding-font-to-avisio-layout-is-now-not-working-properly-neither-is-dashboard#post-27302 Mon, 19 Sep 2011 05:50:25 +0000 jdarko82 27302@http://www.kriesi.at/support/ <?php $pageinfo = array('full_name' => '"'.THEMENAME.'" General Options', 'optionname'=>'general', 'child'=>false, 'filename' => basename(__FILE__)); $options = array(); $options[] = array( "type" => "open"); $options[] = array("type" => "group"); $options[] = array( "name" => "General Layout Settings", "desc" => "Here you can set several style settings to quickly edit the look and feel of your website", "id" => "generallayout", "type" => "title_inside"); $options[] = array( "name" => "'".THEMENAME."' - Skin", "desc" => "Please choose one of the ".THEMENAME." skins here", "id" => "skin", "type" => "dropdown", "std" => "1", "subtype" => array(THEMENAME.' - Default'=>'1',THEMENAME.' - Minimal'=>'2',THEMENAME.' - Dark'=>'3')); $options[] = array( "name" => "Color Options", "desc" => "Since ther release of Wordpress 3, theme authors can use a buildt in background color/image editor. ".THEMENAME." uses this color switcher to further define the color scheme. <a>You can edit it here</a> ", "id" => "generallayout", "type" => "title_inside"); $options[] = array( "name" => "Fullwidth or Boxed", "desc" => "Set if your layout should stretch fullwidth to the left and right browser border or be boxed and centered.", "id" => "layout_style", "type" => "dropdown", "std" => "stretched", "subtype" => array( 'Stretched Layout'=>'stretched', 'Boxed Layout'=>'boxed' )); $options[] = array( "name" => "Heading Font", "desc" => "The Font heading utilizes the google API and allows you to use a wide range of custom fonts for your headings", "id" => "font_heading", "type" => "dropdown", "std" => "josefine_small", "subtype" => array( 'Cantarell'=>'cantarell', 'Cardo'=>'cardo', 'Droid Sans'=>'droidsans', 'Inconsolata'=>'inconsolata', 'Josefin All Characters'=>'josefine', 'Josefin Common Characters'=>'josefine_small', 'Lobster'=>'lobster', 'Molengo'=>'molengo', 'Reenie Beanie'=>'reeniebeanie', 'Tangerine'=>'tangerine', 'Vollkorn'=>'vollkorn', 'Yanone Kaffeesatz'=>'yanonekaffeesatz', 'Neutra2'=>'neutra2' )); $options[] = array("type" => "group"); $options[] = array( "name" => "Logo", "desc" => "Add the full URI path to your logo. the themes default logo gets applied if the input field is left blank Logo Dimension: 247px * 94px (if your logo is larger you might need to modify style.css to align it perfectly) URI Exampe: <a href="http://www.yourdomain.com/path/to/image.jpg" rel="nofollow">http://www.yourdomain.com/path/to/image.jpg</a> ", "id" => "logo", "std" => "", "size" => 30, "type" => "upload"); $options[] = array( "name" => "Google Analytics Code", "desc" => "Paste your analytics code here, it will get applied to each page", "id" => "analytics", "type" => "textarea"); $options[] = array( "type" => "group"); $options[] = array( "name" => "Dummy Data Import", "desc" => "If you check the checkbox below and save this page the theme will import dummy data to make it look similar to my Live Preview This option works best when executed on a new wordpress installation and will help you to understand how to fill posts, pages and set the different theme options.", "type" => "title_inside"); $options[] = array( "name" => "Import Dummy Data on save", "desc" => "Import data?", "id" => "dummy", "type" => "import", "file" => TEMPLATEPATH."/dummy.xml" ); $options[] = array( "type" => "group"); $options[] = array( "type" => "close"); $options_page = new kriesi_option_pages($options, $pageinfo); <a href='http://imageshack.us/photo/my-images/11/addingfont.png/'><img src='http://img11.imageshack.us/img11/3424/addingfont.th.png' /></a>