Forum Replies Created
-
AuthorPosts
-
MarcyParticipantMarcyParticipantMarcyParticipant
OK. You want a separate page for each category. Brian Gardner has a good post on that here.
http://www.briangardner.com/tutorials/blog-page-single-category/
Marcy | Amethyst Website Design | Twitter
July 31, 2013 at 6:27 pm in reply to: How to Fix Post being to close to the Left side of Blog #53465MarcyParticipantThere are two sections that are controlling the margins, and one is overwriting the other:
Line 723. This line has the left and right margins of 25px added to what is already on the .content, but it is overwritten by Line 730 below.
.post {
background: url("images/line.png") repeat-x scroll center bottom transparent;
margin: 0 25px;
overflow: hidden;
padding: 0 0 25px;
}Line 730: The margin line is writing 0for the left and right margins.
.single .post {
background: none repeat scroll 0 0 transparent;
margin: 0 0 20px;
padding: 0;
}Change the margin on Line 730 to be:
margin: 0 25px 20px 25px;
That way it includes the left and right margins.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantIf you're talking about the titles of the Featured Widget Amplified, it looks like you need to edit this code section:
#home h4, .widget-area h4 {
color: #444;
font-family: Georgia, Times, 'Times New Roman', serif;
font-size: 16px;
font-style: italic;
margin: 0 0 10px;
}If you mean the actual post titles, look for this code:
.featuredpost h2 a,
.featuredpost h2 a:visited {
font-size: 14px;
line-height: 20px;
}
Marcy | Amethyst Website Design | Twitter
MarcyParticipantWhen you have the Featured Posts widget open, look at the right hand column.
Where is says "Content Type", click the dropdown and choose "Show Content" and if you like, also add a number to the "Limit content to characters"; leaving 0 should show the entire post.
Then you should be able to use an ordered or unordered list in the post and it should show up OK.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantWhat do you mean?
Do you want to click the post title and have it go to a page?
Or do you want to add a list of posts in a page?
Marcy | Amethyst Website Design | Twitter
MarcyParticipantIn your post Testing 123, there is supposed to be a header.png image in the post, but it's not there, and gives a 404. Can you add the image again, so we can see it?
Marcy | Amethyst Website Design | Twitter
MarcyParticipantMarcyParticipantHi, Jenny,
Yes, you're correct that something is overriding it.
In style.css on line 233 there is:
img {
width: auto;
height: auto;
}
and on line 1175:
embed, img, object, video {
max-width: 100%;
}
These are needed for your theme to be responsive, but they seem to be overriding this: width="300" height="300"; I'm not sure why.If instead of using: width="300" height="300",
if for each image, you manually add: style="width:300px; height:300px;"
they seem to resize OK again.But you probably just want to use the WordPress "medium" image instead; it's usually 300px size.
Here's how:
- From your Dashboard, click on Settings > Media
- There you should see Image Sizes. Look at the Medium size. Does it say "Max width 300 and Max height 300"?
If so, that's the size you want to insert in your post. - When you click on the Media Upload button and get to the pop up screen to insert your image (either by clicking one in the Media Library or uploading), over on the right is the Attachment Details section.
- Way down at the bottom of that sidebar section is Attachment Display Settings
- At the very bottom is Size, and it's probably usually set to Full Size.
- Click the dropdown arrow and choose Medium - 300x300.
- You will probably also want to choose alignleft for the images, and also Link to Media File (if you like people to be able to click on your images to see them larger.)
If you look at the images with the Text tab, you will see that they have the
width="300" height="300", but they will also have "-300x300.jpg" at the end of the image name.The images inserted this way will always stay at 300px.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantMarcyParticipantYou're doing great! Conditionals are tricky. 🙂
I think for CONTENT2, this line should be:<?php function genesis_after_endwhile_custom() { if ( ( is_page() ) && (!is_single() )) ?>
This means if it's a page and not single, so that should keep it from showing on your posts.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantOk. I see the Sharing bar on the inside. This one looks like it can be used on the home page
http://wordpress.org/plugins/slick-social-share-buttons/screenshots/
Be sure to deactivate the one you are currently using before trying the new one; they could interfere with each other.The simple social icons plugin does need to be added to a widget, but your home page is all widgets, so you can add them to any of those locations.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantMarcyParticipanth1,
h2,
h3,
h4,
h5,
h6 {
font-family: arial, serif;
margin: 0 0 20px; <-------- change this line from 5px to 20px ------->
}
Marcy | Amethyst Website Design | Twitter
MarcyParticipantCan you provide a link to your site, so we can look at it?
Thanks!
Marcy | Amethyst Website Design | Twitter
MarcyParticipantThe issue is not the location of the images, but that there is no "Open Graph" code on that page to tell Facebook which image you want to share.
The Open Graph code is on your blog single pages though.
The Sharaholic plugin that you're using does this for you, so you would want to look at all the settings, to see if you can add the sharing buttons to that page.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou can try using the 'genesis_entry_footer' hook instead of 'genesis_after_post_content'
You could also try 'genesis_after_entry' but that will be a bit farther below.My guess is that the plugin with updates will be released as soon as Genesis 2.0 is.
So you would use this:
add_action('genesis_entry_footer', 'custom_entry_footer');
function custom_entry_footer() {
[ your content here ]
}
Marcy | Amethyst Website Design | Twitter
MarcyParticipantFind this line:
h1, h2, h3, h4, h5, h6 {
font-family: arial,serif;
margin: 0 0 5px;
}You want to change the margin line so that the 5px is a larger number. Try
margin: 0 0 0 20px;and then adjust it until you get the look you want.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantAs RobG says, Simple Social Icons is great for icons to link to YOUR social media sites, so people can follow you.
If you want buttons that will SHARE your content, then you will want a different plugin. My two favorites are the Sharing module in Jetpack - http://wordpress.org/plugins/jetpack/, which works well.
Or there is a new one (just out) called Floating Social Bar - http://wordpress.org/plugins/floating-social-bar/ (Read about it here http://www.wpbeginner.com/floating-social-bar/)
Marcy | Amethyst Website Design | Twitter
-
AuthorPosts