Forum Replies Created
-
AuthorPosts
-
Diane KinneyMember
The number of posts across is not controlled by setting a number to display but rather the width of the container and the elements.
The containing div is currently only 450px wide, increase that and then change the featured post element to be 20% instead of 33%.
#home-middle .wrap {
float:left;
max-width:450px;
}.agency-pro-home .featuredpost .entry {
background: #333;
float: left;
width: 33.33334%;
}
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberCarsten, I'm somewhat confused. I did a little screenshot so you can see what I see. Screenshot
It appears to me that there is a slider at the top with an h1 title and image right, and below that a featured post - two separate items? In retrospect, not certain I understand exactly what are you trying to adjust. Thanks.
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberI was able to style the text by adding
.slider-post h1 {
padding-top: 100px;
}to the stylesheet. If you add that and do some experimenting, you should be good to go.
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberYou can adjust your padding by editing line 525 #inner, and then you need to adjust the widths of your content areas to fit.
Example:
#inner {
width: 940px;
margin: 10px auto 10px;
padding: 0p 100px;
}
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberI'd start here
#menu-item-4376 {
margin-left: 150px;
}
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberThis is how I do it:
Create a folder called fonts in your theme directory and upload the variations there.
Add the following to your style sheet:
@font-face {
font-family: 'Nexa';
src: url('fonts/nexa.eot?#iefix') format('embedded-opentype'),
url('fonts/nexa.woff') format('woff'),
url('fonts/nexa.ttf') format('truetype'),
url('fonts/nexa.svg#StRydeRegular') format('svg');
}
Also note, you will want more than just the .ttf file.
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberThis might not be a css issue. When I look at your rendered source code, your post text is wrapped in div tags instead of the expected paragraph tags.
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberKendra, I think you have some errors in your CSS file. Run your file through a validate, such as this one: http://www.cssportal.com/css-validator/
The url to your CSS is http://www.keylimeblog.com/wp-content/themes/blissful/style.css
I saw 7 or 10 errors, and one gnarly one that is think is messing up your font.
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMember1) Find the selector #content and add background-color: #ccc as an example. In the default style.css this would be line 631
2) The color of the menu text can be changed in #header .menu li:hover a, line 317
Generally speaking you want to use a tool like Inspector in Chrome to identify the style rule you want to edit and proceed accordingly.
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberYou do have a feed at the link you mentioned, but it doesn't contain any posts. Where are the posts on your site?
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberI had this problem with a couple of non Genesis custom themes, and solved it using this forum post Jquery Fix
Need more help? Find me on Twitter @gidgetthegeek
January 27, 2013 at 10:58 am in reply to: Genesis Featured Post Widget – Post Title Font Size Adjust #15324Diane KinneyMemberNandita, is this your Random Posts sidebar on your homepage? I see no post title at any size - just a thumbnail image and the paragraph of link text. Is that what you want 14pt bold?
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberMike, this is your actual text in the source code. Something is amiss structurally for you, as you can see Collaborating is in the h2 tag which is where you title should be, and the title seems to be part of the content area.
<h2><a href="http://ecbiz124.inmotionhosting.com/~tanden6/dir/collaborating/" rel="bookmark">Collaborating</a></h2>
<p>Calming Change Agent: Help others successfully cope with uncertainty through clear communications and creative thinking.</p>
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberMike, what is your actual headline (not the content) for a slide? In the code it looks like it is "Collaborate" but I don't see that visibly on your slides at all.
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberThe sidebar width on Generate is 230px with 80px of right and left padding.
If you want to widen the display area in the sidebar to 300 visible px and keep the current site width, making the following css changes to add 70px to the sidebar and remove it from the content area:
.sidebar {
width: 300px;
}
.content-sidebar #content, .sidebar-content #content {
width: 500px;
}
Need more help? Find me on Twitter @gidgetthegeek
January 22, 2013 at 6:51 am in reply to: Genesis Featured Post Widget – Post Title Font Size Adjust #13685Diane KinneyMemberNo worries, Peter! I noted Nandita said it was showing H1 styling - which I found puzzling in what should be an H2 🙂
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberMike, are you able to SEE your titles? I took a look, and in the code I see "Collaborate" as the headline for all your slides, but due to some other CSS changes you've made it appears to be hidden.
Once you sort that out, you can modify the style of your titles by editing this rule in your css:
#content #genesis-responsive-slider h2 a
Need more help? Find me on Twitter @gidgetthegeek
January 22, 2013 at 6:30 am in reply to: Genesis Featured Post Widget – Post Title Font Size Adjust #13680Diane KinneyMemberHi Nandita, you will need to create a new style for this in your style.css file. Without a link to your site, it isn't possible to help you with the exact css to do that.
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberTyler, this is a sample CSS snippet for a general Drop Cap. Because you didn't include a link to your site, there is no way to help you with the specific CSS needed to limit it to posts or specific areas of the site:
p:first-child:first-letter { float: left; color: #666; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }
Need more help? Find me on Twitter @gidgetthegeek
Diane KinneyMemberEllen, that code is actually working, when I look at your source I see the image above the post title.
The combination of your image size and the current css is just making it visually look like it is not happening. The image is floated left so it is going to be beside whatever comes next in the flow, ie the title and text.
Need more help? Find me on Twitter @gidgetthegeek
-
AuthorPosts