Agency Pro – Post sizing and side Widgets

[[email protected]]

Hi there,

I am using the Agency Theme.

(1) Why does the sizing of the post on this page overlap with the sidebar widgets? How can I adjust it so then it doesn't overlap?

http://www.optimizedwebmedia.com/otw-portfolio/draw-cartoon-photo/

(2) What's the "Post Navigation" I keep seeing at the bottom of the post? How can I get rid of it?

Many thanks in advance! 🙂

Best,
Donald

http://www.optimizedwebmedia.com/otw-portfolio/draw-cartoon-photo/

[Tonya]

Hi Donalid,

1) Looking at the HTML structure under .site-inner, you see that the theme has 2 divs encasing the article and sidebar: i.e. .otw-eighteen otw-columns (for the article) and .otw-six otw-columns (for the sidebar). The former is set to 75% while the latter is 25%. Yet the sidebar itself is set to a fixed width of 360px; therefore, it pushes out past the 25% setting.

I'm not quite sure why your theme is using these .otw responsive stylings, as it could be accomplished using the standard Genesis HTML structure. Regardless, the simple fix is to set the sidebar width to 100%, so that it will fill the .otw-six otw-columns 25% container.

.sidebar-primary {
float: right;
width: 100%; /* was 360px; */
}

Upon doing this, you will notice that the sidebar is now quite narrow. To adjust, you will need to alter the column classes for both the article and sidebar.

2) Following the instructions on this article from Studiopress which provides you with the snippet to add to your functions.php file: Remove Post Navigation snippet.

Cheers,
Tonya

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[[email protected]]

Thanks! Now with the sidebar being narrow, how do I alter the column classes for both the article and sidebar?

Best,
Donald

[[email protected]]

I added: the code into my function.php... and now my website doesn't load... it's just a blank...

I tried deleting the added code back to the original... and it's having problems loading now... please help!

Donald

[[email protected]]

I read somewhere that I should replace it with the original functions.php file (from Agency Pro).... where can I find this file to replace it with? I was hoping to use Filezilla.... Which folder location is the functions.php file to replace (with the original)?

[Tonya]

Donald,

The functions.php file located in public_html in your servers structure and then wp-content/themes/agency-pro/functions.php.

You can replace it there.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[[email protected]]

Ok thanks! Back in business... what a scare... haha

Now with the sidebar being narrow, how do I alter the column classes for both the article and sidebar?

Donald

[Tonya]

Great. This is why I'm not a fan of editing with the WordPress Editor. Editing a copy of the file in question and then transferring it sFTP is a much better way to go (and more safe).

For the column widths, this will require you to edit your child theme where it has been customized to add .otw classes. As this seems to be a grid-based system, you would want to change .otw-eighteen to .otw-seventh (or even 16) and then adjust the sidebar's up to match. The hard part is finding where these divs and classes are being added into the structure. I start by doing a search in the functions.php file.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[[email protected]]

Cool - do you have a good tutorial link or video link that shows how to edit the file itself and transferring it to its FTP?

Donald

[[email protected]]

Also, I noticed that although the sidebar widgets looks better with the posts, on my other pages, the sidebar widgets are now at the bottom, and really wide... how do I fix this?

http://www.optimizedwebmedia.com/archived/

Best,
Donald

[Tonya]

OK, I see. The Draw Cartoon Photo page is a portfolio page; hence, the odd page structure with the otw classes. Therefore, you need to isolate the changes to only the portfolio pages.

In your style.css, do the following changes:

line 544: put it back the way it was

.sidebar-primary {
float: right;
width: 360px;
}

Then add this after the above code:

body.single-otw-portfolio .sidebar-primary {
width: 100%;
}

Using the body class, we are targeting only the portfolio page's sidebar.

For a tutorial, FTP is the way you transfer a file from your computer to the server (like you did with the functions.php). Use the same technique that you did when you reinstalled the functions.php.

It's nearly 2am here. I'm off to sleep now.

Cheers,
Tonya

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[[email protected]]

Ok cool~~~

When you get the chance, can you help me with the "removal of the Post Navigation"?

Thanks again! Have a good night!

Donald

[Tonya]

Hello Donald,

In your functions.php file, you want to insert the following code at the end of the file:

add_action('genesis_meta', 'lunarwp_remove_post_nav_from_singles');
/**
 * Remove post navigation from single posts
 *
 * @since  1.0.0
 *
 * @return void
 */
function lunarwp_remove_post_nav_from_singles() 
{
    //* Bail out if this is not a single post
    if ( ! is_single()) return;

    remove_action('genesis_entry_content', 'genesis_do_post_content_nav', 12);
}

If you are uncertain about touching the PHP files, then I'd strongly suggest hiring a freelance developer to help you.

Cheers,
Tonya

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[[email protected]]

Ah ok... I tried to do the addition into my_functions file as described in this video: https://www.youtube.com/watch?v=Za5YAUMqWvo

But was unsuccessful... I would like to hire you! What's your email address?

Best,
Donald

[[email protected]]

I also tried to set-up the stylesheet customization as in this video but was unsuccessful: https://www.youtube.com/watch?v=EOhH4oSvKn8

Please let me know the best way to contact you so that I can hire you as my developer, Tonya! 🙂

Thanks,
Donald

[Tonya]

Donald,

You can reach us via our contact page.

Cheers,
Tonya

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Author]

Posts