[FrankJohnson]

Hey Brad - thanks for responding. The menus were working like that on my iPad before I made any tweaks, except that the LinkedIn, Twitter, and Facebook items were floating to the right in a third column and when I tried to press one of the Content sub-menu items, pressing would activate the LinkedIn, Twitter, and Facebook items instead of the sub-menu items.

So I decided to try and get the sub-menu items to just appear in a single column. But if the sub-menu items could appear in a columnar presentation with the rest of the main menu items (including the three social links) staying out of the columns, that would be great.

Frank

[FrankJohnson]

Thank you Victor - very helpful!

[FrankJohnson]

After searching online a bit, I found a solution - adding this to the media query with a max-width of 1024:

body {
overflow-X: hidden;
}

Frank

[FrankJohnson]

Thanks so much Andrea!

[FrankJohnson]

Actually, I'm going to dig into this template tags reference for the PressForward plugin to see if I can figure something out. Not sure how to use template tags, but ....

[FrankJohnson]

Thanks Jamie! I appreciate the help.

I looked at the snippets link and kind of understand what it's suggesting. I didn't follow it exactly. Here's what I did:

1. Tried the Simple Edits plugin to at least change the meta information under the post title (knowing that I would still have to deal with adding the link to the post title). What you suspected is true. The shortcodes just show up as text - they aren't populated with the post-specific information.

2. I figured that probably would hold true for using the snippets, but figured I'd try anyway. On the page you reference, it said that if your theme was HTML 5, to use the snippets on this page instead.

3. When I looked at the code on that page (to customize the post info), it looked a little bit different than what I already saw in the functions.php file (for example, the code on the snippets page references sp_post_info_filter but the similar code already in the functions.php file references ns_entry_meta_header).

4. As an experiment, I tried changing the already-existing code in the functions.php file to this:

//* Customize the entry meta in the entry header
add_filter( 'genesis_post_info', 'ns_entry_meta_header' );
function ns_entry_meta_header($post_info) {

	$post_info = '<span class="by">by</span> [item_author] at <a href="[pf_source_link]" rel="nofollow" target="_blank">[source_title]</a> &middot; Curated on [post_date format="M j, Y"] [post_edit]';
	return $post_info;

}

Unfortunately, that had the same results as the Simple Edits plugin - displaying the shortcodes themselves, not populated with the variables.

Does that mean what I want to do won't work because the functions.php file won't recognize the shortcodes that come from the PressForward plugin?

Thanks for your help - I really appreciate it.

Frank

[FrankJohnson]

Thanks WisdmLabs! That did the trick.

Frank

[FrankJohnson]

Hi Ren. Thanks for your response.

I've made the post live here:
http://www.hesed.com/the-u-s-proposed-deal-with-iran/

As you'll see, the lists with lower-alpha type markers are now working (I'm setting the list-style-type through css), but the lists with lower-roman type markers are not working.

Thanks!
Frank

[FrankJohnson]

Update - I also tried to change the type of marker by setting a class on the lists and specifying the list-style-type in the CSS. That didn't work either.

Any thoughts?

Thanks in advance for any help anyone can offer - it's much appreciated.

Frank

[FrankJohnson]

Thanks Lynne, for all of your help.

homepagethumb-last is actually slightly different than homepagethumb (homepagethumb has a right margin of 44px whereas homepagethumb-last doesn't have a right margin), so I've left that in.

I changed the width of homepagethumb in the media query section as you suggested and that worked well when my phone is in portrait orientation. When I switch to landscape orientation, the thumbnails appear in four rows of two each and remain floated left. I thought that 480px is the width of the iphone in landscape orientation, but maybe I'm wrong (or maybe it needs some additional tweaking).

Thanks again,
Frank

[FrankJohnson]

Thanks Lynne! I really appreciate the help.

Here's what I've done in response to your suggestions:

1. I changed the homepagewrapper class to specify a max-width of 740px.

2. Then I changed the styles within the media query section (for 480px width) to be this:

@media only screen and (max-width: 480px) {

	.footer-widgets .widget-title,
	.home-even .widget-title,
	.home-odd .widget-title {
		font-size: 36px;
	}

	.home-even,
	.home-odd {
		font-size: 22px;
	}

	.homepagethumb {
		width: 152px;
		margin-left: auto;
		margin-right: auto;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 50%;
		text-align: center;
	}

	.homepagethumb-last {
		width: 152px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 50%;
		text-align: center;
	}

	.homepagethumbwrapper {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

}

This really helped. The one last thing I would like to do (which isn't currently happening) is have the thumbnails center within the available space on a mobile device. Right now, they are floated left, but I'm not sure why.

Any thoughts?

Thanks again!

Frank

[FrankJohnson]

Thanks Paula. I see now that I wasn't clear enough in my first post. I put the additional css into an already-existing media query section of the style sheet:

@media only screen and (max-width: 480px) {

	.footer-widgets .widget-title,
	.home-even .widget-title,
	.home-odd .widget-title {
		font-size: 36px;
	}

	.home-even,
	.home-odd {
		font-size: 22px;
	}

	.homepagethumb {
		width: 152px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 50%;
		text-align: center;
	}

	.homepagethumb-last {
		width: 152px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 50%;
		text-align: center;
	}

	.homepagethumbwrapper {
		width: 480px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

}

but it didn't seem to change the layout at all.

Thanks,
Frank

[FrankJohnson]

Sorry - this seems to have resolved itself. Not sure what the problem is.

But I should have added this to my original post as well. The other problem I'm noticing is that when I look at the site on my iPhone, everything seems to work fine until I get down to the About Me section. Then it seems that that particular section might be a bit too wide. Any hints on how I can fix that?

Thanks,
Frank

[FrankJohnson]

Thanks Pixel Frau. I'll try that.

Unfortunately, the site is private at the moment - and not available to the public. I hope to relaunch the site today, so if I can't get it to work, I'll launch it and then post the link.

Thanks again,

Frank

[FrankJohnson]

Pixel Frau:

Thanks for your response. I went through the sub-menu items and assigned them all a class of "shorter". At first, when I used your css:

.sub-menu a.custom-class {
padding: 14px 20px;
}

it didn't work. When I looked at the source, I noticed that the class of "shorter" was being assigned to the list item rather than the link tag:

<li id="menu-item-56" class="shorter menu-item menu-item-type-post_type menu-item-object-page menu-item-56"><a href="http://www.agncn.org/who-we-are/">Who We Are</a></li>

so I changed the css to this:

.sub-menu <strong>li</strong>.custom-class {
padding: 14px 20px;
}

and the additional style did start to affect the sub menu items. But it doesn't look anywhere near what I expected:

Thanks again for your help - it's much appreciated.

Frank

[FrankJohnson]

Thanks Andrea. I like the style of the Keilir theme, but visual aspects typically don't excite me as much as functionality. In this case, I particularly like these aspects of the theme's functionality:

1) The way the video shows up above the textual content in the Youtube video post

2) The way the photo gallery shows up above the textual content in the Gallery post (in addition to the ability to navigate through the gallery photos in the presentation above the textual content)

3) The way some of the photos zoom in slightly when you hover over them (check the John Kennedy quote post for example)

My hope is that I could learn the process necessary to do the "conversion," or as you said, build an equivalent child theme. I'm unfortunately not in a position to pay a developer right now. But I'm not a PHP programmer - I can look at PHP code and know what's happening, but I haven't done much from scratch. That's probably going to be the problem.

I may just have to go ahead and choose an existing child theme.

Thanks again for your response - I really appreciate it!

Frank

[Author]

Posts