Jump to content
Stef's Coding Community

virtual

Advanced Member
  • Content Count

    876
  • Joined

  • Last visited

  • Days Won

    1

Posts posted by virtual


  1. Thanks for your quick response Ben. I had already figured that something was being pushed out of place but adding margin, padding and min-height did nothing.

     

    I found the answer, thanks to Tony

    Just as we both thought the problem is in the differing heights of the floated elements, so instead of floating he suggested:

     

    display: inline-block;

    vertical-align: top;

     

    It works YAY


  2. Hi All,

    I have been troubleshooting some issues for a friend's site and am stumped by one problem which happens on iPad vertical or around 855px browser width. On the home page the widgets that pull in from different pages do not align properly at this width, a solitary widget gets stuck on the right by itself although they are all floated left. They are fine above and below this width. What am I missing.

    The site is http://thecenterschool.com/

    Thanks for any help

    Screen Shot 2013-12-15 at 12.08.31 PM.png


  3. We will all have to jump on the bandwagon, mobile sites are the future. However, the content displayed should not have all the bells and whistles of a desktop viewed web site. The needs of a mobile viewer are entirely different. They are looking for information quickly and under different viewing situations. Unfortunately with the ever changing technology of cell phones and tablets there is no defined standard as yet.

     

    P.S. Please excuse the lousy typing, I'm writing this on my iPad with the "hunt and peck" method and 2 fingers.not my preferred method of typing, but way better than on a cell phone! :bash:


  4. I'm not sure what you are trying to achieve, but if this is a navigational menu you should be targeting the a tags which can use background images and change them on hover/focus state. Do you have a link? it would be more helpful.

     

    Dreamweaver writes awful code, I would only use it as a glorified text editor, FTP program, snippet storage. Don't rely on it to write your code for you, that is not a good way to learn.


  5. OK, I managed to get it to work, by replacing the code but now it is displaying the home page as home and not as the index page to the site. I'm not quite sure what this means

    <?php wp_list_pages('title_li='); ?>

     

    Here's my new code

    <!-- Begin main content -->
    			<div class="inner_wrapper">
    
    				<div class="sidebar_content">
    
    
    <?php echo $page_class; ?>
    		   <h1><?php the_title(); ?></h1>
    
    <h4>Archives by Year:</h4>
    <ul><?php wp_get_archives('type=yearly'); ?></ul>
    <h4>Archives by Month:</h4>
    <ul><?php wp_get_archives('type=monthly'); ?></ul>
    <h4>Archives by Category:</h4>
    <ul><?php wp_list_categories('title_li='); ?></ul>
    <h4>All Pages:</h4>
    <ul><?php wp_list_pages('title_li='); ?></ul>
    
    
    
    					<div class="pagination"><p><?php posts_nav_link(' '); ?></p></div>
    
    				</div>


  6. Hi Guys,

    As usual I am stuck with a WP problem. I am using a template, which looks great but has no support. I had to add in the template information on the Archive page because it was not showing so I'm guessing there must be an error in the code somewhere, but the php problem is something I do not understand. Now I have the Archive page showing but it is not pulling in the post information. I tried adding in php from another archive page but got myself into a never ending loop. Can anyone tell me what is wrong with the code - please

     

    Here is the code, and the site is http://bit.ly/tZQyBT

    <?php
    /**
    * Template Name: Archive
    * The main template file for display archive page.
    *
    * @package WordPress
    */
    
    $add_sidebar = TRUE;
    $page_sidebar = 'Blog Sidebar';
    $page_style = 'Right Sidebar';
    
    get_header(); ?>
    
    
    	<?php
    		$pp_blog_bg = get_option('pp_blog_bg'); 
    
    		if(empty($pp_blog_bg))
    		{
    			$pp_blog_bg = '/example/bg.jpg';
    		}
    		else
    		{
    			$pp_blog_bg = '/data/'.$pp_blog_bg;
    		}
    	?>
    	<script type="text/javascript"> 
    		jQuery.backstretch( "<?php echo get_stylesheet_directory_uri().$pp_blog_bg; ?>", {speed: 'slow'} );
    	</script>
    
    	<!-- Begin content -->
    	<div id="page_content_wrapper">
    
    		<div class="inner">
    
    			<!-- Begin main content -->
    			<div class="inner_wrapper">
    
    				<div class="sidebar_content">
    
    					<h1 class="cufon"><?php if ( is_day() ) : ?>
    			<?php printf( __( '%s', '' ), get_the_date() ); ?>
    <?php elseif ( is_month() ) : ?>
    			<?php printf( __( '%s', '' ), get_the_date('F Y') ); ?>
    <?php elseif ( is_year() ) : ?>
    			<?php printf( __( '%s', '' ), get_the_date('Y') ); ?>
    <?php else : ?>
    			<?php _e( 'Blog Archives', '' ); ?>
    <?php endif; ?></h1>
    
    <?php
    
    global $more; $more = false; # some wordpress wtf logic
    
    if (have_posts()) : while (have_posts()) : the_post();
    
    $image_thumb = '';
    
    if(has_post_thumbnail(get_the_ID(), 'large'))
    {
        $image_id = get_post_thumbnail_id(get_the_ID());
        $image_thumb = wp_get_attachment_image_src($image_id, 'large', true);
    
    
      	$pp_blog_image_width = 570;
    	$pp_blog_image_height = 360;
    }
    ?>
    
    
    					<!-- Begin each blog post -->
    					<div class="post_wrapper">
    
    						<div class="post_header">
    							<h3 class="cufon">
    								<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
    									<?php the_title(); ?>								
    								</a>
    							</h3>
    						</div>
    
    						<?php
    							if(!empty($image_thumb))
    							{
    						?>
    
    						<br class="clear"/>
    						<div class="post_img img_shadow_536" style="width:<?php echo $pp_blog_image_width+10; ?>px;height:<?php echo $pp_blog_image_height+30; ?>px">
    							<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
    								<img src="<?php echo get_stylesheet_directory_uri(); ?>/timthumb.php?src=<?php echo $image_thumb[0]; ?>&h=<?php echo $pp_blog_image_height; ?>&w=<?php echo $pp_blog_image_width; ?>&zc=1" alt="" class="frame img_nofade" width="<?php echo $pp_blog_image_width; ?>" height="<?php echo $pp_blog_image_height; ?>"/>
    							</a>
    						</div>
    
    						<?php
    							}
    						?>
    
    						<br class="clear"/>
    
    						<?php echo get_the_content_with_formatting(); ?>
    
    					</div>
    					<!-- End each blog post -->
    
    
    
    
    <?php endwhile; endif; ?>
    
    					<div class="pagination"><p><?php posts_nav_link(' '); ?></p></div>
    
    				</div>
    
    				<?php
    					if($add_sidebar && $page_style == 'Right Sidebar')
    					{
    				?>
    					<div class="sidebar_wrapper <?php echo $sidebar_class; ?>">
    
    						<div class="sidebar_top <?php echo $sidebar_class; ?>"></div>
    
    						<div class="sidebar <?php echo $sidebar_class; ?> <?php echo $sidebar_home; ?>">
    
    							<div class="content">
    
    								<ul class="sidebar_widget">
    								<?php dynamic_sidebar($page_sidebar); ?>
    								</ul>
    
    							</div>
    
    						</div>
    						<br class="clear"/>
    
    						<div class="sidebar_bottom <?php echo $sidebar_class; ?>"></div>
    					</div>
    				<?php
    					}
    				?>
    
    			</div>
    			<!-- End main content -->
    
    			<br class="clear"/>
    
    		</div>
    
    		<br class="clear"/>
    	</div>
    	<!-- End content -->
    
    <?php get_footer(); ?>

     

    Thanks and Happy New Year


  7. I am trying to modify the CSS for the thumbnails of the gallery pages of a Wordpress template which you can see http://bit.ly/tn6Urh. The CSS is styled on the gallery pages themselves and I cannot figure out how to access them to modify them, or if this info is being generated by js.

     

    I have tried contacting support for the template and their answer was to use Firebug - well duh....but that doesn't tell me how to access the css.

    Any ideas on how to achieve this?


  8. The site does resize vertically and horizontally on my Droid phone, but the slideshow does not slide with the arrows. On iPad2 it resizes fine, but the slides are not very smooth, needs a couple of taps to slide.

     

    Does your client really need a slideshow on mobile, I believe it is best to just deliver the necessary information on a mobile site and leave the bells and whistles to the main site. Just my 2 cents.


  9. Thanks for trying Wickham. Unfortunately that doesn't work. The design requires a full width sticky footer and the header image (unless I cut it) is 1400px and then fades into the body background. I guess if I manage to get the header outside the wrap it will work, then I could make the wrap 960px, but as I said before this is Genesis and I'm not too sure how to accomplish that.


  10. The #header has to be that wide to accommodate the design. I guess I should try and get it outside the #wrap, I'm using Genesis and not too familiar with manipulating it.. But this is my problem more than the scroll bar, see where the footer get cut off.

     

    Picture2.png


  11. You will probably have to separate the buttons into 2 different files and then recombine them, as the method I am giving you will affect the whole image. If you overlay orange you might get the top button to the shade you want, but the bottom button if it's a darker color might not give you want you want. If you split the images into 2 different ones you can overlay color and adjust the Blend mode individually.

     

    Open the image

    Go to Layer - Layer Style (or fx at the bottom of the layers palette)

    Open Color Overlay

    Choose your color

    Change the blend mode to Screen

    Adjust the Opacity to show the gradient.

×
×
  • Create New...