• I can’t figure out how to get the mobile version of this page to stop showing the html code for my testimonials page on mobile devices.

    http://www.collegetimenow.com/testimonials/

    It shows perfectly on the computer (PC and MAC) but awful on the mobile devices because it inserts the ‘pull quote style= “left”‘ code. Check it out and please let me know if there is anything I can do to remove those without affecting the full versions. I am on WordPress and I see that it also shows the pull quote commands in the visual editor. I am using U-Desgn themes.

    Thanks in advance!

Viewing 9 replies - 1 through 9 (of 9 total)
  • you can remove the inline styling and add the css style to your blockquote for just that page.

    body.page-id-39 blockquote {
    margin: 10px 20px 0 0;
    width: 220px;
    float: left;
    }

    something like that.

    Thread Starter JNauman

    (@jnauman)

    That’s for entire page, correct? Won’t that block quote each of the entire testimonies? I only want a line from each.

    Also, I see that the mobile version shows a comment section at the end which I don’t have on the full version and doesn’t show on the template. Why is that there and how do I delete it? I don’t have any widgets for comments on that template. I also looked at the php file but I don’t know what to remove if anything. Is there not a way to edit mobile version separately that would allow me to fix the above problem as well as this? The template css file looks like this:

    <?php
    /**
    * @package WordPress
    * @subpackage U-Design
    */
    /**
    * Template Name: Page Template 4
    */
    if ( !defined( ‘ABSPATH’ ) ) exit; // Exit if accessed directly

    get_header();

    $content_position = ( $udesign_options[‘pages_sidebar_4’] == ‘left’ ) ? ‘grid_16 push_8’ : ‘grid_16’;
    ?>

    <div id=”content-container” class=”container_24″>
    <div id=”main-content” class=”<?php echo $content_position; ?>”>
    <div class=”main-content-padding”>
    <?php udesign_main_content_top( is_front_page() ); ?>

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div <?php post_class(); ?> id=”post-<?php the_ID(); ?>”>
    <?php udesign_entry_before(); ?>
    <div class=”entry”>
    <?php udesign_entry_top(); ?>
    <?php the_content(__(‘<p class=”serif”>Read the rest of this page »</p>’, ‘udesign’)); ?>
    <?php udesign_entry_bottom(); ?>
    </div>
    <?php udesign_entry_after(); ?>
    </div>
    <?php ( $udesign_options[‘show_comments_on_pages’] == ‘yes’ ) ? comments_template() : ”;
    endwhile; endif; ?>
    <div class=”clear”></div>
    <?php udesign_main_content_bottom(); ?>
    </div><!– end main-content-padding –>
    </div><!– end main-content –>

    <?php if( sidebar_exist(‘PagesSidebar4’) ) { get_sidebar(‘PagesSidebar4’); } ?>

    </div><!– end content-container –>

    <div class=”clear”></div>

    <?php

    get_footer();

    I am not fluent in html but I get by. I’m afraid if I delete what I think here I will screw the entire layout up. Appreciate any help for this newbie!

    Thread Starter JNauman

    (@jnauman)

    I figured out the reply form issue. Still can’t get the pull quote commands to go away. How can I edit what’s going on on the mobile side?

    How are you styling your testimonials page now? Did you select blockquote manually in the visual editor or is this something in the template?

    Thread Starter JNauman

    (@jnauman)

    I did not use visual for this particular page. In text mode I inserted the pullquote commands on the lines I wanted. When I switch over to see it in visual the HTML ‘[pullquote]’ are there though it doesn’t show up when I preview the page on my Mac. Seems to be a bug in WordPress. None of the other code (ie. strong, etc) show like this in visual or on the mobile versions.

    go back in to the text editor and view the the page there. Remove any styling that is there besides the <pullquote></pullquote>.

    Don’t use the visual editor on that page anymore. Switching between text and visual can cause problems.

    Thread Starter JNauman

    (@jnauman)

    Tried that. No luck. I cleaned up the entire page of erroneous styling in the text editor….even edited off of word press and repasted it into the text editor without ever touching the visual side and still the same result. Looks fine on a computer but the ‘[pullquote style=”left”]’ is on the mobile versions. I’m stumped.

    <blockquote class="alignleft"><strong>Hiring Tatum to help me with my college applications was one of the wisest decisions I have made.</blockquote>

    is what is there. Try removing the class="alignleft".

    Add to your css style:

    blockquote {
    float: left;
    }

    If that doesn’t work you can create a div class and use the div instead of blockquote.

    Tried all of the above and gave up completely. I think it’s a bug in the mobile side of this design. I am looking into how to turn off mobile completely since it works fine in full site mode.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Pullquote commands appearing on mobile version’ is closed to new replies.