i_g_wright

Hi,

I would highly recommend installing WordFence: https://www.ads-software.com/plugins/wordfence

A fantastic plugin which scans your site for plugins which are out-dated, scans themes for any compromised code & also has a live IP filter so you can see who is currently on your site & which URLs they are trying to access – this could help you find if a user is spamming a URL/file which you do not know about.

Hope this helps,

Hi Edward,

Thanks for your reply – after seeing the following thread: https://github.com/wp-e-commerce/WP-e-Commerce/issues/481

I think I can come up with something in the meantime before the final version is released. Once I am happy with what I come up with I could paste it here / let you know & see what you think.

Kind regards,

Hi,

You can actually do this with just one piece of CSS: (This only works for browsers that support CSS3 e.g. IE9+, Chrome, Safari, Firefox, Opera)

Say you have 3 images:

1.png (1x50px)
2.png (1x50px)
3.png (1x1px)

You can then do stacking orders in CSS for the background property (similar to z-index). The below code will display:

1.png from coordinates 0,0px & repeat-x.
2.png from 0,50px & repeat-x

Finally
3.png from 0,0 & repeat both X&Y.

body {
      background:
        url('1.png') 0 0 repeat-x,
        url('2.png') 0 50px repeat-x,
        url('3.png');
 }

Hope this helps.

Hi,

I’m not sure what the problem is here, use the following CSS:

#logo {
  width: 100%;
  margin: 35px 0;
  background: url('images/logo.png') transparent no-repeat;
}

From the pastebin example you posted you have a ` <- Remove that.

* It also looks like you’ve now added the logo as a standard image?

Anyway, hope this helps.

Hi,

As it’s your nested lists which are having the problem give this ago.

// Remove default bullets for nested items
#content .post ul ul li, #content .page ul ul li {
list-style: none;
}

Hi,

Try reading this: https://codex.www.ads-software.com/Template_Tags/wp_list_categories

It should get you started.

Thanks,

Hi,

Ok, in your single post template (PHP file) you should be able to use the following code:

<h1>Attached Images & Exit Data</h1>
<?php
$args = array(
   'post_type' => 'attachment',
   'numberposts' => -1,
   'post_status' => null,
   'order'	=> 'ASC',
   'post_parent' => $post->ID
  );

$attachments = get_posts( $args );
     if ( $attachments ) {
        foreach ( $attachments as $attachment ) {
           $imgmeta = wp_get_attachment_metadata( $attachment->ID );
           echo '<pre>';
           print_r( $imgmeta );
           echo '</pre>';
          }
     }
?>

This code will print out an array of all the image sizes available and the image exif data.

To print out each item separately you can use the following formats (As stated from the website above)

$imgmeta[‘image_meta’][‘aperture’]
$imgmeta[‘image_meta’][‘credit’]
$imgmeta[‘image_meta’][‘camera’]
$imgmeta[‘image_meta’][‘caption’]
$imgmeta[‘image_meta’][‘created_timestamp’]
$imgmeta[‘image_meta’][‘copyright’]
$imgmeta[‘image_meta’][‘focal_length’]
$imgmeta[‘image_meta’][‘iso’]
$imgmeta[‘image_meta’][‘shutter_speed’]
$imgmeta[‘image_meta’][‘title’]

I hope that helps,

Hi,

This website should help you out: https://www.bloggingtips.com/2008/07/20/wordpress-gallery-and-exif/

Thank you,

Hi,

In the twentyten theme folder wp-content/themes/twentyten you should have the file comments.php. You can add the line you want into there.

On lines 65 – 69 you should see:

<?php else : // or, if we don't have comments: 

/* If there are no comments and comments are closed,
* let's leave a little note, shall we?
*/

You can add your default message to here:

<?php else : // or, if we don't have comments: ?>

<h3 id="comments-title"><?php _e('There are no comments yet, why not be the first', 'twentyten'); ?></h3>

<?php
/* If there are no comments and comments are closed,
* let's leave a little note, shall we?
*/

Try replacing the code & see if that’s what you want.

Please note:
Backup your files before making changes incase it’s not what you want.

Hi,

It appears the code i have supplied is not what you are after.

When you say:

and when i change the access to 10 px it puts the menu bar on top of the header …making it smaller then the size i wont

Yes that’s what the code does, you then also need to ‘push’ down the header image & the header content (Your website title & description) that’s what the #masterhead, #site-title, #site-title a & #site-description code should do.

If you could paste some screen grabs of what you want, what happens when you try the code by me or 1_knight then we maybe able to help out more?

Hi,

What happened to your website when you updated the code?

The code I showed you should just reposition your header elements, ‘pushing’ them down, nothing else should have been altered.

Thank you,

Hi,

I haven’t seen the code for that theme but you mention you know which code needs changing… Hopefully the example below we give you some help.

This example will pull the latest five posts from a certain category ID – in this case category ID 3.

Hope this helps.

// Setup our loops parameters - 5 posts from category ID 3 ()
$args = array(
	'numberposts' => 5, 'category' => 3
);
$postslist = get_posts( $args );
foreach ($postslist as $post) :
	setup_postdata($post);
	print '<h2><a href="'; the_permalink(); print'" title="'; the_title(); print '">'; the_title(); print '</a></h2><p>'; the_content(); print '</p>';
endforeach;

(Wrap the following code in PHP tags)

Hi,

All your elements are positioned so you need to ‘reposition’ them.

I hope this helps.

Change the CSS you added to #access to this:

#access {
    position: absolute;
    top: 10px;
}

Now on #masterhead try changing it to this:

#masthead {
    margin: 30px 0 0 0; /* top right bottom left */
    padding: 0;
}

You will now need to shift your title & description down:

#site-title

#site-title, #site-title a {
    color: white;
    float: none;
    font-size: 22px;
    position: absolute;
    left: 90px;
    top: 30px;
    z-index: 2;
}

#site-description

#site-description {
    color: white;
    float: none;
    font-size: 14px;
    position: absolute;
    left: 180px;
    top: 87px;
    z-index: 2;
}

I hope that helps,

Please note:
Backup your CSS first incase this doesn’t do what you want it too.

Hi,

If you want your content to appear in three columns without hardcoding you can use CSS3. CSS3 only works in modern day browsers (Safari, Google Chrome, Firefox, Opera, IE9). This code will not work for IE6 – IE8 & some older versions of the browsers i’ve mentioned above.

* Older browsers will just display a single column.

Anyway, Is your content wrapped in a container e.g. <div>, <article>?, if it is, does it also have an ID or Class?

Below are some examples of how to create multi column content with CSS3 – hope they help. If the examples below work for you then you will need to edit your CSS file.

Please note:
Do not just copy this code into your stylesheet – you will need to edit to suit your needs.

Also check this in all browsers you want to support – you will see the code:

article#three-col h1 {
	-webkit-column-span: all; /* Safari - Heading span across all columns (3) */
}

Will only work in Safari & Google Chrome (Webkit browsers)

Full code example

CSS3 Styles

article#three-col {
	-webkit-column-count: 3; /* Safari Column Count (3) */
	-webkit-column-gap: 20px; /* Safari Column Gap (20px) */
	-moz-column-count: 3; /* Firefox Column Count (3) */
	-moz-column-gap: 20px; /* Firefox Column Gap (20px) */
	column-count: 3; /* IE9+ Column Count (3) */
	column-gap: 20px; /* IE9+ Column Gap (20px) */
}

CSS3 – Span a header across all columns

article#three-col h1 {
	-webkit-column-span: all; /* Safari - Heading span across all columns (3) */
}

HTML Code

<article id="three-col">
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</article>

Hi,

You cannot change a links title attribute background colour with CSS. The title attribute is a tooltip displayed when you rollover a link or for users with screen readers.

If you want to create a custom tooltip you will need to do this with Javascript.