[Smarty]

Hi Asbilly92, Agency Pro is a nice theme, although for me the image is more part of the background and I'm not sure you would get the same "featured image" impact from Agency Pro as you would from the other themes.

I am actually in the process of redesigning my own site using Parallax with a featured image and just finishing a site for a client, again with a featured image using Centric, so in my book both work really well for this style of design.

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

That was the old forum if I recall correctly.

Yes, post in General Discussion or Design Tips and Tag accordingly.

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

You might also want to take a look at the new Remobile theme,

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

Here are 3 examples from the Studiopress Showcase;

Studiopress.com/showcase/generate

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

Hi Tom,

Sorry, my mistake - link is: http://www.vintagephotorepair.co.uk

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

Hi Ryan,

That worked perfectly.

Thanks, much appreciated.

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

Thanks Susan, much appreciated.

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

Around line 168 of your styles.css

body {
    color: #777777;
    font-family: 'Lato',sans-serif;
    font-weight: 300;
    line-height: 1.625;
}

Change color:#777777; to your chosen darker color for example #222222; and this should sort it for standard pages and your contact us form.

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

You could try this plugin, it's by Bill Erickson.

Genesis Title Toggle

If you prefer not to use a plugin you could try adding this to your functions.php;

add_action('get_header', 'remove_page_titles');
function remove_page_titles() {
if (is_page(65)) {
remove_action('genesis_post_title', 'genesis_do_post_title');
}
}

Replacing 65 with your page ID.

Hope this helps.

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

If you inspect using FIrebug, you'll see that your .title-area (around line 878 of styles.css) is width: 300px and the menu (around line 949) is as below;

.site-header .widget-area {
float: right;
text-align: right;
width: 800px;
}

You'll need to change the width on either or both to suit your needs, this may include reducing the site title image (currently 300px wide), I don't think you will increase the above to much more than 840px.

Hope that helps.

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

Hi Bob,

Apologies for the delay.

I am not sure why it's not working for you, I have tested the code on a dev site and it works fine. Try it again, or have you made any other changes to your functions.php that may be causing the issue?

Regarding the footer, around line 74 of your functions.php change this;

/** Add support for 3-column footer widgets */
add_theme_support( 'genesis-footer-widgets', 3 );

To This;

/** Add support for 2-column footer widgets */
add_theme_support( 'genesis-footer-widgets', 2 );

Then in your styles.css, around line 1323 change;

.footer-widgets-1 {
	float: left;
	margin: 0 30px 0 0;
	width: 280px;
}

.footer-widgets-2 {
	float: left;
	width: 280px;
}

.footer-widgets-3 {
	float: right;
	width: 280px;
}

To;

.footer-widgets-1 {
	float: left;
	margin: 0 30px 0 0;
	width: 560px;
}

.footer-widgets-2 {
	float: left;
	width: 560px;
}

/*.footer-widgets-3 {
	float: right;
	width: 280px;
}*/

You might want to adjust width: 560px on footer-widgets-2 to suit your design and I would also suggest deleting footer-widgets-3 once you are happy as I have just commented it out for speed.

Finally, I would remove .footer-widgets-3, from lines 1656 & 1718 under Respeonsive Design.

All the best

Paul

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

Hi Bob,

In your functions.php

To remove footer from entire site except homepage try;

add_action( 'genesis_before', 'pas_remove_footer_exclude_home' );
function pas_remove_footer_exclude_home() {
if( !is_home() ) {
remove_action('genesis_footer', 'genesis_do_footer');
remove_action('genesis_footer', 'genesis_footer_markup_open', 5);
remove_action('genesis_footer', 'genesis_footer_markup_close', 15);
}}

To remove footer & footer widgets from entire site except homepage try;

add_action( 'genesis_before', 'pas_display_footer_home' );
function pas_display_footer_home() {
if( !is_home() ) {
remove_action( 'genesis_before_footer', 'genesis_footer_widget_areas' );
remove_action('genesis_footer', 'genesis_do_footer');
remove_action('genesis_footer', 'genesis_footer_markup_open', 5);
remove_action('genesis_footer', 'genesis_footer_markup_close', 15);
}}

Hope this helps.

Paul

(Thanks to Brad Dalton for the original code above)

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

I changed line 148 (background-color) of my styles.css and that worked for me.

body {
	background-color: #d7c603;
	color: #666;
	font-family: 'EB Garamond', serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.625;
}

If your not using the default color, look for the respective body color and change accordingly. For example for blue look around line 1665 - body.agency-pro-blue { background-color: #0cc4c6; }

Hope this helps.

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

Hi Brad,

Worked perfectly, thank you very much.

Wonder if you can help, I have put the site up on a temporary URL here; http://www.mgs-taps.co.uk/.

I am using Expose Pro and cannot get the white background to display in the home-middle, you'll see it is fine with the slideshow and on posts. I've tried a number of things and cannot get it to work.

Any ideas / advice would be really appreciated.

Thanks

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

I would have prefered a similar method myself, but could not figure out how to do it either & as I only have 3 images I thought I would compromise!

This is an old plugin I found that uses shortcode, I am wondering if this can be adapted, my initial feeling is that this is OK for individual images but not for a portfolio page.

http://wordpress.org/plugins/css3-text-and-image-overlay/

I was then wondering if it is possible to adapt Brian Gardiners Portfolio Page How To... to maybe include the 'image caption' or a custom field as the image rollover text, something along those lines anyway, I am just yet to figure it out.

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

Sorry Brad, pressed 'Submit' to quickly...

If it helps, here is the content of my widget;

 
<h3>Recent Projects<h3>
<div class="view view-first">
    <img src="wp-content/uploads/2013/06/ps-magicbrothers-hm.jpg" />
    <div class="mask">
        <h2>Magic Brothers</h2>
        <p>PROJECT INCLUDED:<br/>Website &middot; Icons &middot; Logo &middot; Social Media &middot; Topspin &middot;<br/> Album & Print Media &middot; Consultancy</p>
        <a href="#" class="info">Find Out More</a>
    </div>
</div>
<div class="view view-first">
    <img src="wp-content/uploads/2013/06/ps-vintagephotorepair-hm.jpg" />
    <div class="mask">
        <h2>Vintage Photo Repair</h2>
        <p>PROJECT INCLUDED:<br/>Website &middot; Social Media &middot; Custom Forms &middot; Business & Marketing Consultancy</p>
        <a href="#" class="info">Find Out More</a>
    </div>
</div>
<div class="view view-first">
    <img src="wp-content/uploads/2013/06/ps-dw-records-hm.jpg" />
    <div class="mask">
        <h2>DW Records</h2>
        <p>PROJECT INCLUDED:<br/>Website &middot; Logo &middot; Marketing &middot;<br/> Management & Business Consultancy</p>
        <a href="#" class="info">Find Out More</a>
    </div>
</div>
&nbsp;

Also, my website which is far from completion is;

http://www.paul-smart.co.uk/

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

As yet I have not used this on a portfolio page, just a widget on my homepage.

A portfolio style page is my next step, it would be good to include this within the upload of image.

Do you know if there is anyway to make the image caption appear on rollover and if there is should we even consider it!

For what I need I will probably create the page manually, although I can see a potential demand for portfolio pages with a text rollover on images - any ideas?

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

Hi Gina,

I have done quite a bit of research trying to find a plugin for this and Brad is absolutely right, there does not seem to be one!

Well, I found a couple that had not been updated for over 2 years and would not be inclined to use anything like that as it is usually a recipe for disaster.

I am currently building a site and am using one of the image hover effects found here;

http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/

I have modifyed the styling a little to suit my needs and it works fine. I am using Modern Portfolio theme.

Hope this helps

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

Hi Brad,
Just realised I had not replied.

Thanks your advice is really appreciated.

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Smarty]

Hi Brad,

Thanks for the idea, althouh I am not sure this will do what I need.

I am looking to have 4 - 6 images on a page (not homepage) and when you hover over the image text is overlayed together with a semi transparent background (as soon as you mve your mouse away it reverts back to image only).

It is basically for a services page - For example; An image or icon of a monitor and when you hover over it says "Website Design - we offer blah blah blah".

Hope that makes sense.

Thanks

---

Web Design, Development & Consultancy

Being The Best He Can Be! | http://www.paul-smart.co.uk

[Author]

Posts