Forum Replies Created
-
Posts
-
John,
If you've gotten the widget area to appear, then you've done the hardest part. Now you need to dig into the CSS to change the widget's appearance. If you're not sure how CSS works, I would recommend using sites like w3schools.com to help you get started (this is their height demo: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_dim_height ). If you run into a specific styling issue, share the link to your site and someone on here can give you more detailed help 🙂
Juice370,
What the above commenters are saying is that you need additional media queries in your CSS file. For example, if you scroll to the bottom of your .css theme file and add this code....
@media only screen and (max-width: 610px) {
.site-title a {
background-size: contain !important;
}
}.... you should find that from 610px screen-widths and lower, the logo will get smaller as the screen-width decreases. You will still need to make some other tweaks to make it look really great at all screen sizes (I use Chrome's dev tools to play with the CSS before adding it to the file), but hopefully that helps to get you started!
Unless you're integrating a widget that displays current info (like a Facebook widget that displays your most recent post), you probably just need to pull the relevant image from the websites of those organizations and make sure you follow their rules (usually things like don't change the color or make it link to their site).
The BBB is very clear on how to use their brand resources - check out their article about it here (includes what logos to use): http://www.bbb.org/canton/for-businesses/bbb-name-and-logo-use-policy-for-media/
If HomeAdvisor doesn't have any obvious guidelines like that, I would contact them -- the last thing you want is for your client to get into legal trouble a year from now because you guessed and got it wrong (sounds silly, but some companies are really intense about these things).
While it's hard to be sure exactly what's going on without invasively digging through your site, this page helped me fix most of the conflict I experienced when first using Ubermenu with Genesis Child: http://sevenspark.com/docs/ubermenu-3/theme-integration/genesis
Hopefully something in there helps!
Ah -- sorry! I forgot to wrap that first chunk of code it the right tags so this site killed some of it. Here's what it should have said:
// Modify The Read More Link Text function new_excerpt_more($more) { return ' <a class="read-more" href="' . get_permalink( get_the_ID() ) . '">... [Read More]</a>'; } add_filter('excerpt_more', 'new_excerpt_more');
This is what I add to my functions.php file to add 'Read More' text to the ends of post excerpts (change the bold text to whatever you'd like):
// Modify The Read More Link Text
function new_excerpt_more($more) {
return ' ... [Read More]';
}
add_filter('excerpt_more', 'new_excerpt_more');And this is what I add to limit the length of those excerpts (change the bolded number to the number of characters you'd like):
// Change length of post excerpt
function custom_excerpt_length( $length ) {
return 30;
}
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
Mary,
While I probably can't give you a copy-paste code fix without logging into your site to see it as you do, my guess is that you need to stick in some extra CSS to account for the admin bar. The admin bar (that black bar that appears at the top of the screen when you're logged in) can mess with other elements on the page that have absolute positioning (which the sub-menus in your theme do). This is a pretty common issue in some themes, and it looks like the gap you're getting is the same height as that bar. This is definitely hack-ity possible fix, but you could try to throw in CSS like this:.admin-bar .nav-primary .sub-menu {
margin-top: -32px;
}Even if it doesn't work, this CSS would only be visible if you're logged in - so at least there's no risk of making things go wonky for regular visitors. Worth a shot!
On the site you posted (ziggyzone), it looks like all of the images are working. If this is still a problem, could you post the URL for the site or a specific page where it's happening?
While you could probably figure out a way to do that, a (probably much) faster strategy would just be to change the font size to whatever you're looking for (there's a list of general h1-h6 font sizes here: http://stackoverflow.com/questions/6140430/what-are-the-most-common-font-sizes-for-h1-h6-tags) . So the CSS would look something like this:
h4.widget-title {
font-size: 24px;
}h2.entry-title {
font-size: 18px;
}
Are you using an actual page for your home page (as opposed to being fully widget-ized)? If so, you could just keep the default page layout as full width but change it on your home page to include the sidebar.
If not (meaning your home page is just widgets), you'll need to create a sidebar widget area that only displays on the home page with an if statement.Add something like this to functions.php:
/** Register & add widget areas */
genesis_register_sidebar( array(
'id' => 'new-section',
'name' => __( 'New Section', 'child-theme-name' ),
'description' => __( 'This is the sidebar of the Home page.', 'child-theme-name' ),
) );add_action( 'genesis_before_sidebar_widget_area', 'add_new_section );
if(! is_home())
return;
function add_new_section() {
genesis_widget_area( 'new-section', array(
'before' => '<div class="home-bottom-16 widget-area">',
'after' => '</div>',
) );
}
You probably need to modify your CSS to get the sections to align correctly--they have a hefty amount of it on that page. It might be easier, though, to backtrack and just use header-right -- you can then give the title-area and header-right area (or whatever classes those sections are given in the CSS) widths of 33.33333% and 66.66666667%, then put two widgets inside of header-right and give each of those a width of 50% -- that should make each of the sections appear to take up a third of the header area.
Hopefully that at least helps as a back-up idea!
Try adding this code to your functions.php file:
/* Code to Display Featured Image on top of the post */
add_action( 'genesis_before_entry', 'featured_post_image', 8 );
function featured_post_image() {
if ( ! is_singular( 'post' ) ) return;
the_post_thumbnail('post-image');
}
Try opening your site without being logged in. It's weird that that text would show up after you've added widgets, but normally you can only see it if you're logged into the site 🙂
There could definitely be a cleaner solution, but this is how I would get around your problem (this is how we put the full-width home image in this site: http://podcasts.heilsound.com/ -- though if you want the semi-parallax effect, you'll need to modify this approach):
Instead of using the theme's way of adding that image, I would use Genesis hooks (this plugin makes it pretty easy to do that: https://wordpress.org/plugins/genesis-simple-hooks/).
On the Simple Hooks page, go to the genesis_after_header hook and add something like this to the text box (check the 'Execute PHP' box, too):
<?php
if(is_front_page()) {
echo '<div class="my-home-image"></div>';
} ?>Then you can grab that class and insert your image with some CSS along these lines:
.my-home-image {
background: url("image.jpg") no-repeat center;
}The background property also allows you to scale your image (details here: http://www.w3schools.com/cssref/css3_pr_background-size.asp), or you could stick in a different background image with media queries.
Their demo for that theme (http://my.studiopress.com/themes/no-sidebar/#demo-full) is doing the same thing. This is the CSS that's hiding the menu in the demo:
@media only screen and (max-width: 720px)
.js nav {
display: none;
position: relative;
}In your child theme's stylesheet, try something like:
@media only screen and (max-width: 720px)
.js nav {
display: block;
}That should bring the menu back!
Maybe one of these resources will help you out:
https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens
http://wpexplorer-themes.com/total/docs/clear-site-cache/It sounds like maybe a plugin or server cache adjustment will help!
I found two problems in your site's CSS, both on .genesis-nav-menu .sub-menu:
.genesis-nav-menu .sub-menu {
left: -9999px;
opacity: 0;
}"Left" is pushing the sub-menu off of the page (that needs to be removed/overridden), and "opacity" is making the sub-menu transparent. I'm not sure how best to make the opacity work for you (you need to find and target the right element's hover effect and give it opacity:100), but hopefully that helps you move forward!
This page seems to give a pretty good breakdown of how to shift from http to https on WordPress: http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
It looks like if you scroll to the section titled "How to Setup WordPress to Use SSL and HTTPS", that may be the most helpful place to start (since you already have your ssl installed).
Hope that helps!
Consider switching your hosting to WP Engine--we use them, and they've been awesome. It may sound like an odd solution, but they have some pretty impressive security measures built into their hosting service and, in my experience, really high quality support. On top of that, they promise to fix your site if it gets hacked for no additional cost. Here's their security page that explains all that better: https://wpengine.com/our-difference/secure-wordpress-hosting-on-wp-engine/
There is no foolproof system to 'totally' secure your site, but your steps in keeping your plugin list clean and using a quality password are certainly good to do. Here are a couple more steps I would recommend:
1.) Consider installing a security plugin. I like Wordfence (https://www.wordfence.com/), and it has free or premium versions. In addition to providing some extra security measures, they will email you for things like major attacks on the WordPress CMS or, if you set it up, when someone makes multiple unsuccessful attempts to log into your site. Other plugins that I have used include bruteprotect, stop spammers spam control, and bad behavior. Just make sure to go into the settings and customize everything to what makes sense for your site.
2.) Name your admin account something other than 'admin', and change the user ID in the database. Instructions for how to do that (and why it improves security) are here: http://www.wpwhitesecurity.com/wordpress-security/change-wordpress-administrator-id/
3.) Set up some kind of backup system for your site files and database (and keep several copies at a time) so that if your site DOES get hacked, you have a few options for restore points. You can use a plugin (one option is UpdraftPlus: http://updraftplus.com/, but there are many) or do this manually--though manual backups can be tedious.
4.) Consider connecting your site to communities that combat spam (this is especially a problem for sites that allow comments). Here are two I have used: http://www.stopforumspam.com/, http://www.projecthoneypot.org/
5.) Keep tabs on what's happening in WordPress here: https://wordpress.org/news/
There are of course, many more options for what you can do (and even more opinions on the pros and cons of each of those options)--but hopefully this list helps you get some more ideas!