david.bailey

Without knowing exactly what’s going on, it looks like the issue is in the header.php instead of the template files themselves. If you can, post the contents of your header.php so we can see what line of code is generating that.

Also, in your stylesheet on line 582 there’s a line that reads:

#access .current_page_item > a, #access .current_page_ancestor > a {
font-weight: bold;
color: ivory;
}

The change there should reflect the current page.

In the stylesheet “screen.css”, there’s an entry on line 359 that reads:

#header_wrapper {
background: black;
width: 100%;
height: 60px;
}

There is also an entry on line 89 that reads:

#footer {
background: black;
padding: 15px 0 0 0;
}

You should be able to change the values directly in the stylesheet there. In any case, though, it looks like there’s some php generated by the Visual Editor. I would suggest you play around with the editor and see if you can’t change it there, and if not, just change the css entry.

I tested that using firebug and on chrome on the Colorway preview here and it seemed to work. Look through the css there and see if there’s anything missing or added there. Judging by the issue, it might have something to do with the display:inline but I’m not sure. Try playing around with it and see if it helps.

There is a stylesheet called 960_24_col.css located somewhere in the theme. On line 54, there’s an entry that reads:

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
display: inline;
float: left;
margin-left: 5px;
margin-right: 5px;
}

I would just change the float to right.

Chip beat me to it – at this point, if it’s showing up in the theme and it’s not appearing where you want it to, you’ll just need to do some styling to modify its position.

Copy the page.php file into your child theme’s directory –

add this:

<?php get_sidebar(); ?>

above this:

<?php get_footer(); ?>

And you should have your sidebar.

Inside the index.php of the theme, you have some html that looks something like this:

<li><img class="active" src="<?php bloginfo('template_url'); ?>/images/img04.jpg" title="Monument Valley" alt="" width="604" height="375" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>
									<li><img src="<?php bloginfo('template_url'); ?>/images/img05.jpg" title="Honey Bee" alt="" width="100" height="75"  onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>
									<li><img src="<?php bloginfo('template_url'); ?>/images/img06.jpg" title="Cup of Coffee" alt="" width="100" height="75"  onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>
									<li><img src="<?php bloginfo('template_url'); ?>/images/img07.jpg" title="Grand Tetons" alt="" width="100" height="75"  onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>

The images are located in the images folder. If you wanted the images in the template to reflect your own custom images, you’d use something like:

<li><img src="<?php bloginfo('template_url'); ?>/your/image/path" title="Your Image" alt="" width="100" height="75"  onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>

You can also use WordPress’ built in gallery shortcode [gallery] and style it the way you’d like. Hope it helps.

WordPress was designed to really be a handful of features that automate a lot of what you need to do in a typical post / comment sort of website. Anything WordPress cannot do can be added/extended in the form of a plugin, and editing the layout should be as easy as modifying the templates files that display information.

The source url to the images, are relative to each page,

so where the tag element will read:
<img src=”webpagelogo.jpg” width=”360″ height=”238″>

On your contact page, It’s really trying to find an image at this url:
https://annmariedavis.com/contact-2/webpagelogo.jpg – where no image exists, as opposed to –

https://annmariedavis.com/webpagelogo.jpg – on pages

My advice is to use absolute URL markup instead of relative, like so:
<img src=”https://annmariedavis.com/webpagelogo.jpg&#8221; width=”360″ height=”238″>

That should work.