Forum Replies Created
-
AuthorPosts
-
ramseypMember
Howdy,
Couple of thoughts on this:
1) If you want each individual image to be pinnable, you're going to run into memory issues with people visiting your pages. My laptop's fans kicked into overdrive with both your links open in Chrome. Each instance of Pinterest's pin it code opens a connection to Pinterest & adds to the memory demands in people's browsers. I would rethink things. Fewer images per page, something.
2) I can't right-click on anything in your content areas, it seems. It's hard to diagnose things if I can't right-click, then use my browser's web-inspector to see what's going on. I know the desire to keep images from being copied ( I have a photography background ) but disabling right-click does more than keep people from saving images. Besides, viewing source lets someone load each image individually, save them, etc.
3) Have you thought about Jetpack's Tiled Galleries option? I think it will do what you want with the images. As far as doing with a Pin-it on each one... that's a different matter.
Cheers!
Pat
ramseypMemberHi there,
It's not really a good idea to use the same CSS, simply because you're displaying the menu in a different manner. The header menu CSS is set for a menu with all the top-level items displayed in a single row, with submenus appearing below. You're looking at, in the footer, displaying the top-level items in a stack. This means 2 things for the submenu items:
1) Don't show them. In your footer, just show the top level pages. ( I recommend this for its simplicity. )
2) Find some CSS to display your submenu items to the side.
Why I advise number 1: You already have the main menu at the top of the page, no need to fully duplicate it. People can swipe or scroll easily back to the top. In your footer, you just want to make sure you give people the chance to hit those real important top-level pages again.
Cheers!
Pat
November 17, 2013 at 1:21 pm in reply to: Minimum Pro: background image for home page not showing #73668ramseypMemberI see a background image on your site - were you able to get it working? ( It looks like the sample site I'm comparing it to. )
Cheers!
Pat
ramseypMemberHi Deb,
I'm pretty sure both questions are independent of your theme.
On number one, WordPress will, by default, notify update services when you publish something. You can find the setting in Settings -> Writing.
As for an offline blogging client, you'll want something that can interact with your blog over XML-RPC. Blogjet is listed on WordPress's site as being compatible. How your content looks when published is more a question of how your Posts & Pages look on the site now.
Cheers!
Pat
ramseypMemberChecking in, it looks like, in my browser, that your menu is centered.
Is it working now?
Cheers!
Pat
ramseypMemberLooks like your link got mucked up.
There is no single best practice for responsive images. Are you talking about images loaded into a page/post's editor or images used as backgrounds via CSS? Concerned about load times? Image widths adjusting to screen sizes? Best width/height for full-screen background images?
Enough to make you want to pull your hair out. 🙂
Pat
November 17, 2013 at 12:50 pm in reply to: Agency Pro Theme header image moves down page when you scroll #73618ramseypMemberHi there,
Have you modified your style.css? Agency, by default, keeps the header fixed at the top of the screen, while the main nav and the rest of the page content scrolls. ( The background image, if used, is also fixed so it doesn't scroll. )
It looks like your header doesn't stick, but scrolls along with everything else ( except the background image ). You might want to see if you can back out some of your CSS changes to see if that helps things.
Pat
November 17, 2013 at 12:25 pm in reply to: Centering Genesis Responsive Slider on executive pro theme #73584ramseypMemberHi there,
If you add this to your style.css, it might help:
#genesis-responsive-slider { max-width: 600px; }
The 600px is the width of your images. Matching that with the genesis-responsive-slider div should give you a centered slider at the width you want.
Cheers!
Pat
ramseypMemberI think if you add "left: 0;" to your CSS for .nav-secondary, you'll see the sticky menu make it to the left-side. Since it's positioned absolute, this should work.
Cheers!
Pat
ramseypMemberIt's possible you could simply leave the stylesheet alone with the exception of changing a breakpoint to max-width 100px instead of 1023px.
Change this:
@media only screen and (max-width: 1023px)
to
@media only screen and (max-width: 1000px)
You can, of course, adjust the value to something that looks right to you, but lowering it will keep the repositioning from happening at the higher 1023px value.
Cheers!
Pat
ramseypMemberHi there -
The way you've included the script will get it placed in the head, but by not enqueuing it could cause problems down the road.
This is a great article on properly loading scripts: http://wpcandy.com/teaches/how-to-load-scripts-in-wordpress-themes/
Try this & see if it works:
add_action( 'wp_enqueue_scripts', 's25_load_scripts' ); function s25_load_styles() { if ( !is_admin() ) { $js_loc = CHILD_URL.'/lib/js/'; wp_register_script( 'modernizr', $js_loc.'modernizr.custom.70177.js', array( 'jquery' ), '6.1′, false ); wp_register_script( 'custom', $js_loc.'custom.js’, array( 'jquery' ), '1.0', false ); wp_enqueue_script( 'modernizr' ); wp_enqueue_script( 'custom' ); } }
ramseypMemberHi there,
If you look in your Genesis Settings menu, when you're logged into WordPress, look for the box titled "Content Archives". There is a select button where you can switch the page navigation to "Numeric". That should do it for you.
Cheers!
Pat
ramseypMemberHi there,
How are you loading Modernizer? I've got it loading in the head on a Genesis 2.0 site ( everything up to date, Genesis, plugins, etc. ).
How I load it ( along with other scripts and css ):
`add_action( 'genesis_meta','s25_load_scripts' );
function s25_load_styles() {
if ( !is_admin() ) {
$js_loc = CHILD_URL.'/lib/js/';
wp_register_script( 'modernizr', $js_loc.'modernizr.custom.70177.js', array( 'jquery' ), '6.1',false );
wp_register_script( 'custom', $js_loc.'custom.js', array( 'jquery' ), '1.0',false );
wp_enqueue_script( 'modernizr' );
wp_enqueue_script( 'custom' );
}
}
ramseypMemberFirst off, I would check your Discussion settings & see if "Show Avatars" is checked.
The user image that gets loaded, by default, is a Gravatar. WordPress uses this service & the actual image is tied to the user's email address. Users can setup a free account with Gravatar using the email address that's in WordPress. That being said, there is a nice plugin that lets you override this & upload your own images. Simple Local Avatars
ramseypMemberPhil,
There is a parameter called "menu_position" you can use to position the menu. ( all the parameters are here: http://codex.wordpress.org/Function_Reference/register_post_type )
Setting "menu_position" to 5 should place your post type menu item right under Posts.
//* Add a custom post type add_action( 'init', 'cd_post_type' ); function cd_post_type() { // Media Coverage custom post type register_post_type( 'media-coverage', array( 'labels' => array( 'name' => __( 'Media Coverage' ), 'singular_name' => __( 'Media Coverage' ), ), 'has_archive' => true, 'public' => true, 'show_ui' => true, // defaults to true so don't have to include 'show_in_menu' => true, // defaults to true so don't have to include 'rewrite' => array( 'slug' => 'media-coverage' ), 'menu_position' => 5, 'supports' => array( 'title', 'editor', 'genesis-seo', 'thumbnail','genesis-cpt-archives-settings' ), ) ); }
September 15, 2013 at 8:25 pm in reply to: Create background image that adjusts to different screen resolutions? #62751ramseypMemberHerman,
You can add
background-size: 100% auto;
to that style declaration.#inner { background: #5282C4 url(images/inner.png) no-repeat center center;; clear: both; margin: 0 auto; overflow: hidden; padding: 30px 0; background-size: 100% auto; }
ramseypMemberHrmm,
Looking at the CSS, when I removed "float: left;" from this style declaration:
.header-image #title-area, .header-image #title, .header-image #title a
The header assumed its full max-width of 1140px. There are two places you want to edit your theme's style.css.
On line 191, look for #header:
#header { margin: 0 auto; min-height: 140px; width: 1140px; }
Edit this declaration to read:
#header { margin: 0 auto; min-height: 140px; width: 1140px; background-size: 100% auto!important; }
This will tell the header's background image to fit its element's full width & to adjust its height accordingly. For browsers that honor background-size ( Latest versions of Chrome, Firefox, Safari and I think IE 10 ), this will keep the background image from being cropped.
To fix the header div from being less than full-width, look in your theme's style.css for line 265:
.header-full-width #title-area, .header-full-width #title, .header-full-width #title a { width: 100%; }
Edit it to read:
.header-full-width #title-area, .header-full-width #title, .header-full-width #title a { width: 100%; float: none; }
This will tell the header, on screens that are wide enough, to fill the max-width of 1140 pixels.
Note - when your screen size is smaller, the header's background image will be shorter, so the body's background will show. Not sure the approach to fix this - you might try adding a background color to the header.
ramseypMemberWith Education, at least with the current version of it, 2.0.1, you add your logo under the "Header" menu, under "Appearance". Have you tried there?
ramseypMemberIf you're just adding a class to a menu, some javascript code, using jQuery might be easiest.
In your theme's functions.php, enqueue jquery:`function my_load_scripts() {
if ( !is_admin() ) {
wp_enqueue_script('jquery')
}
}
add_action('genesis_meta','my_load_scripts');`With jQuery enqueued, you can use a little bit of javascript to add the class to the proper menu. We need to be able to identify the menu, first. On a page with the menu loaded, you need to look at some of the source code. In Chrome, you can right-click on the menu, and Inspect the Element. Firefox and Safari have similar capabilities. You're looking for an Unordered List tag, or
<ul>
with an ID and some classes that hint at it being a menu.As an example, the menu for this page has, on its UL tag, an ID of "menu-forum-navigation" and a class of "menu". We can use the ID as a way for jQuery to add the new class.
In your WordPress Dashboard, go to Genesis Theme Settings. You can then add this code to one of the Header and Footer Scripts boxes:`<script type="text/javascript">
jQuery(document).ready(function($) {
$('#the_menu_ID').addClass('my_new_class');
});</script>`Replace "the_menu_ID" with your menu's unique ID. Replace "my_new_class" with the class you want to add.
That should do it.
September 15, 2013 at 6:17 pm in reply to: How do I make a Video Thumbnail container Responsive? #62734ramseypMemberThere are a couple of links with some CSS code that might work. I would try these fixes to see if it works with your code.
http://community.tubepress.com/topic/1656-responsive-tubepress-a-solution/
http://cooshtee.com/blog/2013/03/making-tubepress-responsive/
You'll want to edit your theme's style.css to make these changes.
-
AuthorPosts