Forum Replies Created
-
Posts
-
To set the default image for Facebook, it's best to do so via Facebook Open Graph. The easiest way to do this is by installing the Yoast SEO plugin if you don't have it installed already and then choose your desired image in the Facebook settings. Here's an article detailing how to do it: https://yoast.com/social-media-optimization-with-wordpress-seo-by-yoast/.
Hope this helps.
Andy
To activate the area above the header where the primary navigation area is, you would have to register a widget area for it. You can try first registering the widget area itself:
genesis_register_sidebar( array( 'id' => 'tagline', 'name' => __( 'Tagline', 'education' ), 'description' => __( 'This is the tagline area above the header.', 'education' ), ) );Then hook it in above the header:
function education_tagline_widget() { genesis_widget_area( 'tagline', array( 'before' => '<div class="tagline widget-area">', 'after' => '</div>', ) ); } add_action('genesis_before_header', 'education_tagline_widget');You would then have to style it in your style.css file to make it look nice, but that's how you can accomplish it.
Hope that helps. The code worked for me on a demo site that I spun up.
Perhaps try this:
//* Customize the entry meta in the entry footer (requires HTML5 theme support) add_filter( 'genesis_post_meta', 'sp_post_meta_filter' ); function sp_post_meta_filter($post_meta) { $post_meta = ''; return $post_meta; }I'm not completely sure if it's good practice to leave an empty set of quotes like that, but it might get the job done. The filter could at least get rid of the category and sub-category. I think the action hook that removes the entry footer could also be removing the horizontal divider.
Andy
If you go into the functions.php file inside of Education Pro, you should be able to change this block of code:
//* Add support for custom header add_theme_support( 'custom-header', array( 'width' => 300, 'height' => 100, 'header-selector' => '.site-title a', 'header-text' => false, ) );You can change the width to 500 and the height to 150.
If the overall header is still too small height-wise, you can go to line 502 in the style.css file and add a min-height property:
.site-inner, .wrap { margin: 0 auto; max-width: 1140px; min-height: 150px; }Try that and see if it works. It takes a little tinkering to get it right.
Andy
These code snippets could help you: http://my.studiopress.com/snippets/entry-footer/. If you're not that comfortable with playing with code in the functions.php file, you could download the Simple Edits plugin: https://wordpress.org/plugins/genesis-simple-edits/.
Either way, the Entry Footer should be what you are targeting.
Andy
I use PowerPress, the Blubrry plugin. It's great and easy to use, especially with using it to set up your actual podcast RSS feed. As far as the player, it's simple and works.
I never even heard of SPP, and maybe that's because I haven't listened to Smart Passive Income lately. It looks great. Not something I should spend that money on right now, but looks great nonetheless.
Andy
Hi Mary,
I found the problem. In line 2107 of style.css, you have:
.genesis-nav-menu > .menu-item > a { color: #000; }This makes your navigation menu link text black in both the top navigation and the one at the bottom where you're having the problem.
This should be a simple fix. Right below the code I previously showed you, add this:
.site-footer .nav-secondary li a { color: #fff; }I tested it on Firefox Developer Edition, and it worked. Plus, it keeps the parallax blue hover property.
Please let me know if it works for you.
On a side note, your name looks familiar. I think I came across you on Twitter once upon a time when I was more active in the NPTech community.
Andy
Martina, try looking at the snippets here: http://my.studiopress.com/snippets/post-excerpts/. I think the second one will be what you need since this is a category archive page.
Andy
Anna, you might want to check the theme setup instructions to get it to look the way you want it to look. When you install a child theme, it usually doesn't look like the demo site right off the bat. It may take the installation of certain widgets among other things.
If you go to http://my.studiopress.com, log in, and click "Theme Setup" by Altitude Pro and Manhattan, it should give you further instructions.
Let me know if this helps.
Andy
Hi Matt,
If you really want the tagline underneath the title, you have to go into the style.css file in the Altitude Pro Theme folder under wp-content/themes.
If you haven't touched the code yet, then it should be on or around line 992. Change the code from this:
.site-description { display: block; height: 0; margin-bottom: 0; text-indent: -9999px; }To this:
.site-description { display: block; height: 0; margin-bottom: 10px; }The "text-indent" property is what was sending it off the page.
You'll need to play with the font size, color, etc. of the .site-description property to make sure that it looks good.
From a design perspective, you might want to consider leaving it alone and simply typing your tagline into the first section of the website below the header and navigation.
Let me know if you have any questions or if that's not working for you.
Andy
Hi lagadoo,
The http://www.natalls.co.uk looks like it has a mostly unaltered version of the Magazine Pro theme, so I'll use that as a reference. I couldn't tell from your post, but is this your website?
Are you comfortable with changing CSS? If so, then go into the style.css file of the Magazine Pro theme and go to the following section:
/* Titles --------------------------------------------- */ .entry-title { font-size: 36px; line-height: 1; } .entry-title a, .sidebar .widget-title a { color: #222; font-weight: 500; }These properties apply to the blog post titles. You can adjust their font size using the "font-size" property and the boldness using the "font-weight" property.
If you want to change the font size of the paragraph/body text, simply go here:
/* Typographical Elements --------------------------------------------- */ body { background-color: #fff; color: #222; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.625; }The font-size and font-weight properties can be used again here.
For http://www.thecultureist.com/, the entry title is only 24px in comparison to the 36px on the other site. The font weight is only 300 in comparison to the 500. The paragraph/body text is exactly the same at a size of 16px and weight of 300.Does this help?
Andy
One more idea. If this doesn't work, then I'm fresh out of suggestions.
I think I have actually managed to accomplish what you're looking to do on my site (lucky accident). This would involve a small extra step in your workflow, but it depends on how much having the media player visible in excerpts is worth it to you.
Under Settings -> Reading, switch from showing the summary to full text. Then, whenever you do a blog post, at the point that you want the excerpt to cut off, manually insert the read more link by the clicking the "Insert Read More tag" button in the post editor.
I think PowerPress activates the media player only when "Full text" is activated in the reading setting. However, by inserting the read more link, the entries will still be excerpts on the page with the list of posts.
I hope that isn't too much more additional work. I don't even know where to begin if you would rather accomplish this programatically.
Andy
It looks to me like you're using the PowerPress plugin. Is that correct? If so, try going into Settings, then the Media Appearance tab, and then check the box next to "Display media / links in: WordPress Excerpts (e.g. search results)".
Please let me know if that works.
Andy
For most Genesis child themes, you'll only have to change the CSS and occasionally work in functions.php to add content areas here and there. Aside from the minimal HTML markup that you may need there, otherwise, it'll all be there for you and you won't have to work extensively with coding your own markup. The markup generated by Genesis is good, semantic HTML5.
As for something barebones and unstyled, many people use the free Genesis Sample Theme and customize it to their needs. If you search on Github, there are many other starter themes that are more barebones.
If you need more advanced controls made easy for your client, such as a UI system to change fonts, you might want to consider the Dynamik Website Builder. I believe it has an annual fee, but it gives you and the client more control over the look and feel of the site without having to code. Though since you are a front end dev, you can also easily put in custom CSS.
Hope this helps. If not, then please let me know.
Andy
Hi Suzanne,
There are several ways to accomplish this. The easiest way is to download a WordPress plugin that allows you to password-protect the website so that no one without the password can see it. The most commonly used practice is to create a staging site under a sub-domain (password-protected is best here as well), so instead of your site being at http://www.yoursite.com, it'll be at something like staging.yoursite.com.
There are lots of tutorials out there about how to create a staging site. I know I've seen one at wpbeginner.com.
Andy
I don't know how to move that drop down to the page/post editor, but whenever you create a new page or post, under Layout Settings, you can assign a custom body class. Perhaps you can set those classes and then enter in the style attributes for each class in your style.css child theme file.
Andy
Hi John,
I looked through your CSS, and I didn't see any property set for .site-footer p. When I set that property in Firebug, it turned the bottom text white. So, you can add this bit of CSS in:
.outreach-pro-blue .site-footer p { color: #fff; }The footer background color is set in this cluster of CSS that you provided:
.outreach-pro-blue, .outreach-pro-blue .footer-widgets, .outreach-pro-blue .site-footer { background-color: #1E6DAD; }The .outreach-pro-blue .site-footer element sets your background color.
If you want a different color than the #1E6DAD, you can remove .outreach-pro-blue .site-footer from that cluster and set its color separately. Try this:
outreach-pro-blue, .outreach-pro-blue .footer-widgets { background-color: #1E6DAD; } .outreach-pro-blue .site-footer { background-color: #000; }I set the background color to #000 just as an example. Once you know the hex value of the color that you want to use, plug it in there.
Did this work for you?
Andy
