Search the Community

Hi there! I was just wondering, there is a theme named 'Tetris' for wordpress. (Link) When posts are placed they float to the left and line up to the top neatly. Well currently i am creating a wordpress based website, and on the pages i use '#homediv' to id the div's that i want to do the same. Problem with how i coded it: they do float left, but do not line up to the top... I tried to search the code of 'Tetris' how they manage to do it, but couln't figure it out. If you know how to make this happen please tell me (and the others that search for the same problem on Google and land here). Code as it is now: /*CSS OF HOMEDIV:*/ #homediv { width:45%; min-width:180px; float: inherit; border:solid 1px #7D1517 ; margin:1%; border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; -o-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -o-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; padding-bottom:15px; } #homediv h5 { text-align:center; background:#7D1517; color:#FFF; } #homediv h6 { margin-left:3%; margin-right:2%; } #homediv p { margin-left:2%; margin-right:2%; } Image example: As you see, they do not line up to top. Thanks in advance! - Marcel

I am using the default Slideshow included with WordPress (It's listed as "Nivo") I am trying to use shadowbox.js as a player, however you have to add the "rel" tag to the individual attribute. The issue is, where do I add that tag? The image is not an tag, it's an actual "page" in the slideshow tab on my wordpress admin navigation. I have access to the ftp, but I don't know where to go in there either. Any thoughts?

I'm a nube. I Read a book on HTML/CSS no armed with basic understanding. Need to change an image file in a Wordpress theme Accessed the .css file and found the file that I want to change. Question: where do I find the existing file? (it's a .png background image) here is the code: @import url(css/font.css);@import url(http://fonts.googleapis.com/css?family=Expletus+Sans);@import url(http://fonts.googleapis.com/css?family=Oswald);html { background:url(images/background.png) left top repeat;}body { background:url(images/top.jpg) left top repeat-x; color:#8a8a8a;} Please help; Richard Sher .

Hi, I'm using this theme http://themes.industrialthemes.com/?theme=made Does anyone know how I would change the background of the main box containing the posts?

Hey everyone here is what i have so far..... <?php$posts = get_posts('numberposts=10&order=DESC&category=68&orderby=post_title');foreach ($posts as $post) : start_wp(); ?><?php echo "<hr>"; ?><?php echo the_event_end_date( $id, $showtime, $dateFormat); ?><?php echo "<hr>"; ?><?php the_title(); ?><?php the_excerpt(); ?><?phpendforeach;?> I need the the_excerpt and the the_title to sort in order from soonest to later. (event happening soonest to the one happening later that year)This code the_event_end_date( $id, $showtime, $dateFormat); displayed the event date in this format....June 16, 2013How can i sort this I am out of ideas???PLz HELP!!!!http://wordpress.org/extend/plugins/the-events-calendar/

I am brand new to WordPress and I'm trying to customize my Prose (Genesis) theme. Specifically, right now I'm having trouble with the widths of the content and sidebar. When I test out widths in inspect element, it looks perfect. So, I add the code to the Custom CSS box under the Genesis settings and it doesn't change. When I go back to inspect element, it doesn't show the dimensions I changed it to, it shows "Width: 100%" Does anyone know what I'm doing wrong? How do I change the widths if it's not by adding CSS?

I am trying to make a post similar to:symbols-n-emoticons.com//2012/09/facebook-smiley-giving-rose.html So I get the code from this site source code and pasted it in the "text/html tab" of new post in my wordpress site, http://smileysforfb The problem I am facing is that the chat code in the textarea is automatically adding br/ tags in the facebook chat code. And if I manually remove the space between the lines of code then its not woring...

Hi, I have a wordpress blog, http://bupphawitt.com/, that I want to create extra sidebars outside the container, and on both sides of it. The sidebars have to be fixed, so that when I scroll down the page the sidebars remain fixed. Please see yahoo page for similar idea I want to create, http://www.yahoo.com/. Have a look at its left sidebar, which is how I want my site to be, just the extra boxes on both sides. I have tried to create a wrapper outside it, but unsuccessful. I must have done something wrong. Can someone please guide me to the right direction? Any help would be highly appreciated. Please find a drawing attached, so you can better see how it should look. Beforehand Thanks! My website is: http://bupphawitt.com/ Regards, Buppha Witt

I am trying to make a post similar to: symbols-n-emoticons.com//2012/09/facebook-smiley-giving-rose.html So I get the code from this site source code and pasted it in the "text/html tab" of new post in my wordpress site, http://smileysforfb.com/smiley-giving-a-rose/ The problem I am facing is that the chat code in the textarea is automatically adding br/ tags in the facebook chat code. And if I manually remove the space between the lines of code then its now working..demo: Facebook emoticon chat code : Suspecting emoticon : Smileys For FB Need help solving this....thanks in advance

I want to order my query by one of my custom field values. That custom field value is a repeater field inside a regular custom field. However, the problem is that my query is set to only show pages from a certain template, wich is done by the meta_key and meta_value attributes. As far as I get it the meta_key and meta_value should also be used to order my query. How can I do both? My query looks like this: query_posts(array( 'meta_key' => '_wp_page_template', 'meta_value' => 'template-kursny.php', 'showposts' => -1, 'post_type' => 'page', )); I've tried to google this for a while now and I've found similar cases but haven't found a working solution yet.

Hi I'm working on a wordpress theme that will replacement my Igoogle startpage. You'll need to install the theme on a wordpress site to test it - sorry! I've attached the theme .zip More information on the site igoogle-replacement.blogspot.com Best regardsMadsRH igiggle.zip

So I'm new here and have been trying to solve this problem for over a month and can not seem to figure out of its CSS or js related... Maybe it could be that I use page templates rather then directly imputing into the Wordpress page content area via the dashboard?The theme was a template and defiantly did not do this as the demo theme works just fine on mobile browsers.The problem is my short codes, nav, widgets overflow off the right side of the page ONLY in mobile browsers. The site works fine on all desktop scenarios..In the screen shot you'll notice that it seems as if the body does not span 100% and leaves a margin on the right (notice the white vertical space on the right)Has anyone run into this issue or have a clue to what the deal is?Im lost and very frustrated at this point..The site is:http://gadget-fix.comALL of the pages do this.

hi, I have a wordpress website http://www.cisapi.eu...-round-package/ below the item are the up-sell products (screenshot http://cisapi.eu/wp-...product/now.jpg) this is the code for the up-sell items: <?php/*** Single Product Up-Sells** @author WooThemes* @package WooCommerce/Templates* @version 1.6.4*/if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directlyglobal $product, $woocommerce, $woocommerce_loop;$upsells = $product->get_upsells();if ( sizeof( $upsells ) == 0 ) return;$meta_query = array();$meta_query[] = $woocommerce->query->visibility_meta_query();$meta_query[] = $woocommerce->query->stock_status_meta_query();$args = array('post_type' => 'product','ignore_sticky_posts' => 1,'no_found_rows' => 1,'posts_per_page' => $posts_per_page,'orderby' => $orderby,'post__in' => $upsells,'post__not_in' => array( $product->id ),'meta_query' => $meta_query);$products = new WP_Query( $args );$woocommerce_loop['columns'] = $columns;if ( $products->have_posts() ) : ?><div class="upsells products"> <h2><?php _e( 'Please choose the images you want to buy with the table', 'woocommerce' ) ?></h2> <?php woocommerce_product_loop_start(); ?> <?php while ( $products->have_posts() ) : $products->the_post(); ?> <?php woocommerce_get_template_part( 'content', 'product' ); ?> <?php endwhile; // end of the loop. ?> <?php woocommerce_product_loop_end(); ?></div><?php endif;wp_reset_postdata(); can anybody tell me which php file i have to modify to change the design of the up-sell items? i want them to look like this (screenshot http://cisapi.eu/wp-...roduct/then.jpg) thanks!

Hi Can someone tell me how to do a foreach and increase the "rss1" number inside this javascript? <script type="text/javascript"> function load() { var feed ="http://www.dr.dk/nyheder/service/feeds/allenyheder"; new GFdynamicFeedControl(feed, "rss1"); var feedtwo ="http://feeds.feedburner.com/d0od?format=xml"; new GFdynamicFeedControl(feedtwo, "rss2"); var feedtwo ="http://www.engadget.com/rss.xml"; new GFdynamicFeedControl(feedtwo, "rss3"); var feedtwo ="http://feeds.newzmedia.dk/c/32893/f/582669/index.rss"; new GFdynamicFeedControl(feedtwo, "rss4"); } google.load("feeds", "1"); google.setOnLoadCallback(load); </script> I also need the var feed which is the RSS url set in this widget http://pastie.org/7088004 Any help is appreciated

I am currently building a wordpress site for a friend and have downloaded a responsive theme that he likes and that seems easy (for the most part) to work with. However, I need to make a fairly big change and have little idea of how to do it (I know the basic html and css, but not much more). The website in question is dev.rjthompsonmusic.com If you look at that site, you'll see that there is a search box in the header next to the social icons. The search box is responsive and jumps to the very top of the page when you view it on a mobile / shrink the screen down. I want to replace this search bar with a Mailchimp email subscribe box, **whilst retaining the minimalist look and responsive design of it**. How would I go about doing this correctly? Basically I just want to change the search box into a field where you can enter your email address and and press enter to subscribe... exactly the same as it currently looks, but with the different functionality. Here's the header.php file (I don't know if this controls the mobile layout as well though): <!DOCTYPE html> <!--[if lt IE 7 ]> <html class="no-js ie ie6" <?php language_attributes(); ?>> <![endif]--> <!--[if IE 7 ]> <html class="no-js ie ie7" <?php language_attributes(); ?>> <![endif]--> <!--[if IE 8 ]> <html class="no-js ie ie8" <?php language_attributes(); ?>> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]--> <head> <meta charset="<?php bloginfo('charset'); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><?php wp_title(''); ?></title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"> <script>document.documentElement.className = document.documentElement.className.replace("no-js","js");</script> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic|Fjalla+One' rel='stylesheet' type='text/css'> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="<?php echo get_template_directory_uri(); ?>/js/ie/selectivizr.js"></script> <![endif]--> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <?php echo wpb_page_background_image(); ?> <div class="body-wrapper"> <header id="header"> <?php if ( wpb_option('header-widget-ads') ): ?> <div class="ads-header group"> <div class="container"> <div class="grid one-full"> <ul><?php dynamic_sidebar('widget-ads-header'); ?></ul> </div> </div> </div><!--/.ads-header--> <?php endif; ?> <?php if ( has_nav_menu( 'header' ) ): ?> <nav class="nav-container group" id="nav-header"> <div class="nav-toggle" id="nav-header-toggle"><i class="icon-reorder"></i></div> <div class="nav-wrap"> <?php wp_nav_menu( array('theme_location'=>'header','menu_class'=>'nav container group','container'=>'','menu_id'=>'','fallback_cb'=>FALSE) ); ?> </div> </nav><!--/#nav-header--> <?php endif; ?> <div class="container"> <div class="pad group"> <?php echo wpb_site_name(); ?> <?php echo wpb_site_desc(); ?> <?php if ( !wpb_option('disable-header-search') ): ?> <div id="header-search" class="group"><?php get_search_form(); ?></div> <?php endif; ?> <?php if ( !wpb_option('disable-header-social') ): ?> <?php echo wpb_social_media_links(array('id'=>'header-social','class'=>'social-module')); ?> <?php endif; ?> </div> <?php if ( is_home() || is_single() || is_archive() ) get_template_part('partials/newsflash'); ?> <?php if ( has_nav_menu( 'subheader' ) ): ?> <nav class="nav-container group" id="nav-subheader"> <div class="nav-toggle" id="nav-subheader-toggle"><i class="icon-reorder"></i></div> <div class="nav-wrap"> <?php wp_nav_menu( array('theme_location'=>'subheader','menu_class'=>'nav container group','container'=>'','menu_id'=>'','fallback_cb'=>FALSE) ); ?> </div> </nav><!--/#nav-subheader--> <?php endif; ?> </div><!--/.container--> </header><!--/#header--> <div id="page"> <div class="container"> <div class="container-inner"> ....and here is the Mailchimp generated form code (including labels, which I don't want... I just want the functionality of the form whilst keeping the look of the search box): <!-- Begin MailChimp Signup Form --> <link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } /* Add your own MailChimp form style overrides in your site stylesheet or in this style block. We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ </style> <div id="mc_embed_signup"> <form action="http://rjthompsonmusic.us4.list-manage.com/subscribe/post?u=86729b354d1a75a35e8fd9771&id=bd9f282fc3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <label for="mce-EMAIL">Subscribe to our mailing list</label> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> </form> </div> <!--End mc_embed_signup--> Remember, I literally just want the email field with some text asking people to enter their email address and press enter. Any help would be amazing. Thanks so much in advance. HT

Hi. Can anyone tell me why this code only adds one menu item to my wordpress nav? I'm sure this could be done with an array, but I couldn't figure out how. add_filter( 'wp_list_pages', 'my_menu_link' );add_filter( 'wp_nav_menu_items', 'my_menu_link' ); function my_menu_link($items) { global $wp_query; $CustomMenuLinks;$CustomMenuLinks["Gmail"] = "www.gmail.com";$CustomMenuLinks["YouTube"] = "www.youtube.com";$CustomMenuLinks["aaaaaaaa"] = "www.sdsaaaaaaaaa.com";$class ='menu-item'; foreach( $CustomMenuLinks as $title=> $url){ $menu_link = '<li class="'.$class.'"><a href="'.$url.'">'.$title.'</a></li>'; $items = $items . $menu_link;return $items; }} //MadsRH

Hello, it's been a while since I've posted in this forum, but I'm doing what I can to get a pre-existing jQuery plugin to work, and I'm currently pulling out all of my hair. The plugin itself works, I'm just unsure how to implement it. After including it, what html would I use to create the slider? A live version of the script can be viewed here: http://wptitans.com/majestics/ // JavaScript DocumentjQuery(function($){ $.fn.featureslider = function(options){ /* ================================================================================================ *//* ======================================== Plugin Options ======================================== *//* ================================================================================================ */var defaults = { time:4000, width:600, height:400, effect:'none', autoplay:false, listControls:true, callback:function(){ } }; var options = $.extend(defaults, options);/* ================================================================================================ *//* ==================================== Variables & Precaching ==================================== *//* ================================================================================================ */ return this.each(function() { var root = $(this).addClass('mainslider'); var parent = root.parent(); var li = root.find("li"); var images = li.find("img"); var pos,random_no,timer,image_timer,counter,arr,wait,index,block,w,h,src,parent,im,override=false,in_animation = false,controls,canvas,html5_flag=false,imageData,canvas,context,root_parent; var current = li.eq(1).toggleClass('active'),prev = li.first().addClass("reset"); var bool = true,first_bool = true; root.css({ width: options.width, height: options.height }); li.first().find("div.description").css("display","block"); li.first().fadeIn('slow'); current.hide(); if(options.listControls==true) appendControls(); /* ================================================================================================ *//* ======================================== Switcher Module ======================================= *//* ================================================================================================ */ function switcher() { if(current.prev().length>0) prev = current.prev(); else prev = li.last(); prev.removeClass("reset"); current.toggleClass("active reset"); if(current.next().length>0) // setting the next slide current = current.next(); else current = li.first(); current.hide(); current.addClass("active"); options.callback(); } /* ================================================================================================ *//* ================================= Effects Switching & Ending =================================== *//* ================================================================================================ */ function endeffect(image){ if(options.listControls==true) { controls.removeClass("control_active"); controls.eq(current.index()).addClass("control_active"); } clearInterval(timer); setTimeout(function(){ in_animation = false; if(override==false) // Return if manually triggered image_timer = setTimeout(function() { current.find("div.description").fadeOut('fast'); switcher(); effects(); },(options.time-800)); },1000); };function effects(){ if(li.is(":animated"))return; if(bool==true) { li.first().find("div.description").hide(); bool=false; first_bool = false; } switch(0) { case 0: current.find("div.description").fadeIn('normal'); current.fadeIn("slow",function(){ endeffect($(this)); });break; }}/* ================================================================================================ *//* ======================================== Control Options ======================================= *//* ================================================================================================ */ function appendControls() { var str = "<ul class='controls'>"; for(var i=0;i<li.length;i++) str = str + "<li>"+(i+1)+"</li>"; str = str+"</ul>"; root.after(str); controls = parent.find(".controls li"); controls.first().addClass("control_active"); controls.parent().css("left", 980/2 + 20 + controls.parent().width()/2 ) controls.bind({ click:function(){ setImage($(this).index()); }, mouseover:function(){ $(this).toggleClass("control_hover"); }, mouseout:function(){ $(this).toggleClass("control_hover"); } }); }/* ================================================================================================ *//* ======================================== Image Settings ======================================== *//* ================================================================================================ */ function setImage(index){ if(first_bool==true) { if(in_animation==true||current.index()-1==index) return; } else if(in_animation==true||current.index()==index) return; li.removeClass("reset active"); current.find("div.description").hide(); clearTimeout(image_timer); // Manual Override... if(first_bool==true) li.first().addClass("reset"); current.addClass("reset"); prev = current; current = li.eq(index).addClass("active"); override = true; effects(); } if(options.autoplay==true) image_timer = setTimeout(function() { effects(); },options.time); // Starting the Slideshow }); }; });

Hi!I have a problem with a child theme I made. The sidebar is stuck to the bottom of the wrapper. What might cause the problem?The site:http://www.kappfjell.seGreatful for help!Thanks!

can u make me a header like the ones in this site? http://allhiphop.com/I can get the video and the graphics/picture... i just need to know if you can put it together like that! Thanks!

Hello all, I posted earlier in this section asking for help to redevelop my website.After coding (to a degree) a successful looking website which will be going online within the next week or 2, I want to start on the other website. How ever, currently Im using Wordpress as my publishing platform for easier submission of content. Its terrible, I spend longer editing the post to look good than I used to (updated they did) and the theme looks terrible also. I want to make it look professional but have 0 (zero) expertise with making a theme or even a site that can be easily edited for content. Im not asking now for your time to do the site but instead Ideas and a push in the right direction as to what I should do. The website has 100's of pages of reviews and technical advice. Its not SEO optimised at all (which I cannot understand how it works), It currently does not validate at all either. If I can get it more professional looking Im sure with a bit of promotion it will run a lot better than currently. http://www.madmercsairsoft.co.uk is the website in question If anyone has any input it will be greatly appreciated. Skills I know, Basic HTML, Basic CSS and starting to learn PHP now. I have Ideas for the layout but menu bars and content pages are coming up short currently. RegardsRichard