Forum Replies Created
-
AuthorPosts
-
MarcyParticipant
Hmmm. I must have been on another page before. These posts are part of a Featured Posts widget.
So instead, add this to your style.css just before the @media section
.home-top .featured-content .entry { border-bottom: 2px solid #eee; margin-bottom: 30px; }
The style.css already had 30px for margin-bottom, so I left it 30, rather than changing.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou can add a border-bottom at the bottom of each post. To add it only on the blog page, add this to your style.css at the bottom just above the @media section.
.archive .entry,
.home .entry,
.page-template-page_blog-php .entry {
border-bottom: 2px solid #eee;
margin-bottom: 40px;
}This will add a very light gray line below each post. If you want a black line use #000 instead of #eee.
The margin-bottom may need to be larger, as well. Just play around with it to see what you like.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantMarcyParticipantYes, and it's the text I posted above. The widget doesn't matter; the color is being set by
a { color: #22a3d9; text-decoration: none; }
on line 175 of style.css
In your style.css, find this section
.home-intro { color: #ffffff; height: 540px; overflow: hidden; padding-top: 120px; } .home-intro .one-half.first { padding-right: 40px; } .home-intro h4 { color: #ffffff; font-size: 30px; letter-spacing: 3px; margin-bottom: 30px; text-transform: uppercase; } .home-intro a.button { background-color: transparent; border: 1px solid #ffffff; clear: both; color: #ffffff; display: inline-block; font-family: Montserrat,sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 3px; margin-top: 20px; padding: 20px 40px; text-transform: uppercase; width: auto; } .home-intro a.button:hover { background-color: #22a3d9; border: 1px solid #22a3d9; }
Just below it, add:
.home-intro a { color: #fff; }
That will turn your category post links white.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantI guess you'll need to be more specific then.
All I see on the image is:
About the Property
Property Photos
Color Brochure
Plat Map of Property
About BelgradeIs this the category text? If not please specify.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantTry this:
.home-intro a {
color: #fff;
}(I went to school near Belgrade; it's beautiful there.)
Marcy | Amethyst Website Design | Twitter
MarcyParticipantIn your style.css, find this section:
.genesis-nav-menu { clear: both; color: #222; font-family: "Myriad Pro",sans-serif; font-size: 18px; font-weight: 300; line-height: 1; text-transform: lowercase; width: 100%; }
and add this line:
text-align: right;
You may need to remove it in your @media sections though.
Maybe use
text-align: center;
Marcy | Amethyst Website Design | Twitter
MarcyParticipantMarcyParticipantAgentPress Pro uses featured images on the home page that are larger than AgentPress did.
You can add a plugin called Regenerate Thumbnails - https://wordpress.org/plugins/regenerate-thumbnails/
Then if you go to the Media > Library and find your other home featured images. Hover over them, and click the link below - Regenerate thumbnails. Then the correct size image will be created, and those on the home page will all be the same size.You can regenerate all your images in bulk, but it does take time and server resources, so unless the theme needs that image size elsewhere, I would only do the ones needed for the home page.
All the new images you upload will create only those sizes for the current theme.
Marcy | Amethyst Website Design | Twitter
September 29, 2014 at 9:21 am in reply to: Mobile first theme by Brian Gardner – How to make sidebar smaller? #126160MarcyParticipantSeptember 28, 2014 at 6:47 pm in reply to: Wrong text being pulled when posting URL to Facebook #126094MarcyParticipantYou would need to add some text to the post before or after your MLS listing content, so that Facebook can use it. Facebook doesn't pull the MLS content.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou have this line perhaps in a custom css editor plugin? (I can't tell; your site is cached)
.content { padding: 40px 60px 10px 0px; padding: 4rem 6rem 1rem 0rem; }
You will need to copy this, and change the 0px and 0rem to a width - maybe 20px and 2rem, and then add it to one of your @media sections for smaller screen sizes.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantBrad has a nice blog post on this too.
http://wpsites.net/web-design/using-conditional-tags-for-home-front-blog-pages/
Marcy | Amethyst Website Design | Twitter
MarcyParticipantThere is also a tutorial that adds a "split-sidebar" here:
http://gamajo.com/split-sidebar-genesis
Marcy | Amethyst Website Design | Twitter
MarcyParticipantFonts don't scale the way you think they should. No matter which system you use, px, em, rem, %, when you want the font to change size, you need to tell it. You can set up a system, so at certain media sizes you can scale by a percentage, but usually it's just easier to change the pixel size.
I just determine the break points - when the text goes to a new line - and at that point, I make the text a smaller font-size in a media query.
For slider text, I may resize it twice to make sure it continues to fit the space I set for it.
Marcy | Amethyst Website Design | Twitter
September 27, 2014 at 9:41 pm in reply to: Mobile first theme by Brian Gardner – How to make sidebar smaller? #126030MarcyParticipantFind this media query section:
@media only screen and (min-width: 800px) {In that section, find
.content {
width: 55%; /* 660px */
}And also in that section, find
.footer-widgets-3,
.sidebar {
width: 30%; /* 360px */
}The .sidebar width is 30% and the .content width is 55%.
The 30% + 55% = 85%.
So you can easily change the percentage width of the .content and .sidebar, as long as they continue to add up to 85%.The other 15% is used for the left and right margins (all 5% in the .content-sidebar .content and .content-sidebar .sidebar, etc sections farther below.)
You can reduct
Marcy | Amethyst Website Design | Twitter
MarcyParticipant@Regev No, that's not part of the comment_callback; that's the form; just leave as is
@pressdeamon You would need to add some arguments to the comment_reply_link function; the default is "Reply"
Here is the WordPress Codex page explaining it.
http://codex.wordpress.org/Function_Reference/comment_reply_linkYou need to add a "reply_text" argument to comment_reply_link function.
If you don't know how to do this, you may want to start a new thread; there may be a better method than this.
Marcy | Amethyst Website Design | Twitter
September 27, 2014 at 12:42 am in reply to: Wide Screen color bars extended – Mobile Responsive #125916MarcyParticipant.nav-secondary was added inside the .site-footer .wrap when it was moved, so that's it's size in that position.
If you want it outside the .wrap, you need to modify the code in functions.php
Change this//* Reposition the secondary navigation menu remove_action( ‘genesis_after_header’, ‘genesis_do_subnav’ ); add_action( ‘genesis_footer’, ‘genesis_do_subnav’, 7 );
to this:
//* Reposition the secondary navigation menu remove_action( ‘genesis_after_header’, ‘genesis_do_subnav’ ); add_action( ‘genesis_before_footer’, ‘genesis_do_subnav’, 7 );
That should work with the CSS you posted
.nav-secondary { width: 100%; background-color: #eee6cb; overflow: auto; border: 2px solid black }
Marcy | Amethyst Website Design | Twitter
MarcyParticipantI said 'custom avatar function' - the one you listed above.
Do NOT replace
$args['callback'] = 'custom_comment_callback_no_date'; with $args['avatar_size'] = 96;
or your comment date links will be the same as before.If you want to combine the avatar function with the comments function, then the whole 1st function in my code above should look like this:
add_filter( 'genesis_comment_list_args', 'custom_comment_list_args' ); //* Filter the genesis_comment_list_args to add a custom callback function function custom_comment_list_args( $args ) { $args['avatar_size'] = 96; $args['callback'] = 'custom_comment_callback_no_date'; return $args; }
The answer to your retina question is: Yes
Marcy | Amethyst Website Design | Twitter
September 26, 2014 at 12:35 pm in reply to: Wide Screen color bars extended – Mobile Responsive #125850MarcyParticipantI don't see a background-color on .nav-primary for the large scree size at the top.
Please add, as I posted above:
.nav-primary { background-color: #ff0000; /* This is red; add your color here */ width: 100%; overflow: auto; /* add this if adding the background-color still doesn't show anything */ }
Marcy | Amethyst Website Design | Twitter
-
AuthorPosts