Raby Yuson

Forum Replies Created

Viewing 15 replies - 1 through 15 (of 17 total)

  • Nope, not like that but like this:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lt IE 7 ]> <html class="ie6" xmlns="https://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" > <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" xmlns="https://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" > <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" xmlns="https://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" > <![endif]-->
<!--[if IE 9 ]>    <html class="ie9" xmlns="https://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" > <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><!--<![endif]-->
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
<title>- askbluestone.com</title>
<!-- //////// Favicon ////////  -->
<link href="<?php echo get_template_directory_uri(_layout/images/favicon.ico); ?>/favicon.ico" rel="shortcut icon" type="image/x-icon" />

<style type="text/css">
/*<![CDATA[*/
.home.page.page-id-43.page-template.page-template-showcase-php #wrap #content {
        background-color: #FEFEFE;
}
/*]]>*/
</style>

	<script type="text/javascript">
		var themePath = '<?php echo get_template_directory_uri(); ?>';
		var themeCufon = '<?php echo get_option( EWF_SETUP_THNAME.'_cufon', 'true'); ?>';
		var themeSliderTimeout = <?php echo get_option( EWF_SETUP_THNAME.'_slider_timeout', '5000'); ?>;

		var msg_newsletter_error = '<?php echo __('please enter a valid email...', EWF_SETUP_THEME_DOMAIN); ?>';
		var msg_newsletter_label = '<?php echo __('subscribe to newsletter...', EWF_SETUP_THEME_DOMAIN); ?>';

	</script>
<?php wp_head(); ?>
</head>

    Here is a quick tutorial about Doctypes – https://www.w3schools.com/tags/tag_doctype.asp

    -raby

    sorry I think I confused you as to where to delete the line I mentioned above. those lines are actually not hardcoded but echoed out by your global variable ($class) located inside your header.php at the beginning:

    <?php
    global $doctype;
    global $class;
?>

    this declaration is what outputs the <style></style> tag I viewed from your home page’s source. this is the line that you need to get rid of.

    I also mentioned adding the Doctype declaration a while ago coz when I debugged your site I didn’t see that appear in my browser. This is needed by IE if you want to use the margin:0 auto which centers your content.

    try that and let me know.

    Remove this style block at the very beginning of your header.php..

    <style type="text/css">
.home.page.page-id-43.page-template.page-template-showcase-php #wrap #content {
	background-color: #FEFEFE;
}
</style>

    place it inside the <head></head> tag.

    raby

    it’s all good. glad to help.

    Integrating prettyPhoto would be a simple task here. What you will have to deal with to get this feature working is retrieving the information (i.e. the list of posts requested in the selected category) asynchronously (in the background) and would involve using AJAX.

    This is what is going to happen:

    When a user clicks on a category (e.g. News), WP sends and retrieves data from the server asynchronously (this avoids interference with the display and behavior of the existing page thus no page refresh or flicker). Once the data has been successfully obtained, fire the prettyPhoto plugin and then populate the data there.

    -Raby

    working demo – https://jsfiddle.net/pXmV4/

    HTML lists tutorial – https://www.w3schools.com/html/html_lists.asp

    HTML Links tutorial – https://www.w3schools.com/html/html_links.asp

    -Raby

    That’s right. I assumed that it is just a one time update that’s why I gave the direct answer. Thanks for the heads up!

    Raby

    add this to your layout.css..

    #header, .custom #content_box{
    background-color:#FFFED4 !important;
}
.custom #header{
    height:222px !important;
    margin-bottom:0 !important;
}
#page{
    background:none !important;
}

    -Raby

    <input type="text" value="S e a r c h   F l i p s h i o n" name="s" id="s" onfocus="if(this.value=='S e a r c h   F l i p s h i o n')this.value='';" onblur="if(this.value=='')this.value='S e a r c h   F l i p s h i o n'">

    remove the “width:544px;” declaration in your style.css.
    specify your “Thumbnail/Medium/Large” image sizes in Media Settings (Settings/Media)..

    this should take care of the max width sizing for your images and not force it to stretch to 544px. you’ll might also need to style the images appropriately once this is achieved.

    -Raby

    .widget li {
list-style:square url(images/red_dot.gif);
}

    in line 519 to line 524 in your style.css:

    #colophon #access-footer ul.menu a {
	color: #eee;
	line-height: 3em;
	padding: 0 1.2125em;
	text-decoration: none;
}

    change:

    color: #eee;

    to the color you want.

    -Raby

    The h2 element contains a child node (anchor element) which is what you will need to style.. This is located in your style.css within line 31:

    a:link {
	color: #b00;
}

    Since this “selector:pseudo-class” is declared globally (meaning any anchor element will inherit this property i.e. (color:#b00) you might want to isolate only the anchor elements in your front/home page. Add this to your style:

    .post-content h2.post-title a
{
color:YOUR_COLOR_HERE !important;
}

    *replace ‘YOUR_COLOR_HERE’ with the color you want to use (can be hex value or color name e.g. red/blue etc).

    This will override the style for the element you wish to modify.

    -Raby

    Enter this in your functions.php:

    update_option('thumbnail_size_w', 'SIZE_YOU_WANT');
update_option('thumbnail_size_h', 'SIZE_YOU_WANT');
update_option('medium_size_w', 'SIZE_YOU_WANT');
update_option('medium_size_h', 'SIZE_YOU_WANT');
update_option('large_size_w', 'SIZE_YOU_WANT');
update_option('large_size_h', 'SIZE_YOU_WANT');

    *replace the ‘SIZE_YOU_WANT’ with the thumbnail size you desire.

    Now what happens with this is that we have set both the width and height for all sizes and that WP will crop the image based on this specs. WP still calculates the image’s best cropped size so that it will appear proportional (e.g. if you specify 100 as the size, you might get a dimension like 97px by 100px depending on the orientation of your image) but it won’t exceed the value you entered.

    -Raby

    With Javascript, you can calculate the images width and height and return a size of your liking, though if the image size you desire is bigger than that of the original image used, it wouldn’t look as sharp, but not really blurry or pixelated (this is only the case if you force the size to a dimension bigger than the orig through CSS/Javascript).

    Also, some clarifications. WP already has “Media Settings” where you can specify the default “Thumbnail Size/Medium Size/Large Size” which you can use before inserting the image to the TinyMCE (the WordPress WYSIWYG editor).. This is probably what you need. Specify the image dimension you want then before you insert it in the editor, select that dimension..

    Lastly, the “the_content()” function is already a prepared function used to echo the “post_content” column for the particular post requested. We can’t really do much with this since it is only pulling prepared data from the db and presenting it – meaning the data (image) in this case is already cropped etc.

    The only reason I can think of why you want to resize images without using the built-in WP feature is if you want all the prior published posts that does not have the dimensions you want resized. Is this the case?

Viewing 15 replies - 1 through 15 (of 17 total)