Forum Replies Created
-
AuthorPosts
-
November 12, 2013 at 12:52 am in reply to: Popular posts in "Genesis Featured Widget Amplified" #72442MarcyParticipant
No, not the way it is. You should probably look at something like nrelate Related Content instead. I see that used on a lot of Genesis websites.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantThe Leave a Comment is CSS is .entry-comments-link; you have an .entry-comments-link:before, but I don't see it without the :before, so just add it below .entry-comments-link:before which adds the m-dash in front of the Leave a Comment
.entry-comments-link { float: right; }
If you don't want it to float all the way, you could just add a large left margin-left instead, but then you need to check it on mobile:
.entry-comments-link { margin-left: 4rem; }
.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYour full site is there on your phone, and you can see it. It just runs down the page on your phone, instead of in rows across the page.
The Modern Blogger Pro theme (and most of the most popular Genesis themes) are responsive which means that the content is always there, but it moves into a different position on different devices. Think of water filling wide container vs. a tall, narrow container. That's what your website does; it flows into the smaller container of your phone, so you scroll to see it all.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantMarcyParticipantMarcyParticipantOK. Your menu scales to 100%, so if #wrap is 1200px, the menu will be too, but that will mess up the ribbon triangles on the sides. So let's try something else.
So remove this code:
.postid-1631 #wrap { width: 1200px; }
Make sure the menu goes back to normal.
Then find this section:
#inner { background: none repeat scroll 0 0 #FFFFFF; border-color: #FFFFFF; border-style: solid; border-width: 0 0 5px; margin: 0 auto; overflow: hidden; padding: 20px 20px 5px; width: 840px; }
Add this below it. It will make the content section extend off to the right.
.postid-1631 #inner { width: 1200px; }
If you need the content centered, you will need to add these instead:
.postid-1631 #wrap { width: 1200px; } .postid-1631 #inner { width: 1160px; } .postid-1631 #megaMenu { width: 880px; }
I am not sure if that will allow the menu to have the ribbon triangles; you may need 860px instead of 880px.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYou're using a post for this, and not a page, so the code is different.
So the code would be:.postid-1631 #wrap { width: 1200px; }
But you also need to change to a full width layout. When you are on the post edit screen, you need to scroll down to the bottom where you see the possible Genesis layouts. You need to choose the full width option; you are currently using the content-sidebar option.
Then post back again for me to look at it.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantCan you please post a link to the page in your Genesis theme so I can look at that page?
Thank you!
Marcy | Amethyst Website Design | Twitter
MarcyParticipantMarcyParticipantIn the text editor, WordPress doesn't add p tags (or retain) unless you assign a style or id, so you don't need to add them. A return will take care of adding paragraphs. And the CSS in the theme will take care of the spacing between paragraphs. If you look at the source of the rendered page in the browser, you will see the p tags.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantFind this section near the bottom of your style.css
@media only screen and (max-width: 1023px) {Find all references to .site-header, .title-area, .site-header .widget-area, anything that is in the header.
Remove them from the
@media only screen and (max-width: 1023px) {
But then you will probably want to add everything you removed to the section below.
@media only screen and (max-width: 767px) {
Marcy | Amethyst Website Design | Twitter
MarcyParticipantIf you have a page or post, each of those has it's own body class, if you "view source" or use Firebug.
Then you can edit your style.css to add the following and then click the full page layout in your page. And it's probably best to use a page. This is for a theme using HTML5.
This is for a post with id of 20; change the width to be whatever you need.
.page-id-20 .site-container { width: 1200px; }
For an older theme, it would be:
.page-id-20 #wrap { width: 1200px; }
Marcy | Amethyst Website Design | Twitter
MarcyParticipantA different suggestion is to create a new header to add the little logo to the blue rectangle The Website Process using a graphics application either on your computer (Photoshop or GIMP) or online (Pickmonkey).
Marcy | Amethyst Website Design | Twitter
MarcyParticipantOk. Try this. I can't set it up to check now, but if you do this edit, and then post back with your site, I can help you tweak it.
It looks like featured posts amplified, uses only .featuredpost, and not .featured-content which is what Magazine Pro is using.
Find in your style.css ALL the places that it has
.home-middle .featured-content .entryand ADD an additional line that duplicates it, with .featured-content replaced with .featuredpost.
So if you have something like:
.home-middle .featured-content .entry:nth-of-type(2n+1) { clear: left; margin-right: 3rem; }
you would make it look like:
.home-middle .featured-content .entry:nth-of-type(2n+1), .home-middle .featuredpost .entry:nth-of-type(2n+1) { clear: left; margin-right: 3rem; }
And
.home-middle .featured-content .entry, .home-top .featured-content .entry { float: left; max-width: 100%; }
becomes
.home-middle .featured-content .entry, .home-middle .featuredpost .entry, .home-top .featured-content .entry { float: left; max-width: 100%; }
Marcy | Amethyst Website Design | Twitter
MarcyParticipantIf you edit the width of the #nav element, then the links will drop below the nav bar when you make the screen smaller.
Find this:
#nav { background: -moz-linear-gradient(center top , #C0D4E8, #325D88) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #294C6F; box-shadow: 0 0 1px #294C6F inset; clear: both; color: #FFFFFF; height: 37px; margin: auto; padding: 0; text-transform: uppercase; width: 1500px; }
Change the line: width: 1500px to
max-width: 1500px;Then add a new line just below it:
width: 100%;The content area (#inner { ... } ) is only 1100px wide, so you may just want to change the width: 1500px to width: 1100px.
Some of your links will fall off the nav bar though. Can you move some of the links as sub links or add the secondary navigation bar, so that you have less links?I'm not sure if you are asking about the behavior of responsive themes, but that theme isn't responsive.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantStick with the Genesis Featured Widget Amplified plugin; that's probably the easiest.
Marcy | Amethyst Website Design | Twitter
October 27, 2013 at 5:56 pm in reply to: Help with migrating a gif logo from squarespace to sixteen #69344MarcyParticipantWho does the image belong to? Did someone create it for you? If it does belong to you, and not to squarespace, here is the url.
http://www.productiveinsights.com/item/51d0658ae4b0d032675a23ea?format=1500w
Marcy | Amethyst Website Design | Twitter
October 27, 2013 at 5:53 pm in reply to: Help with migrating a gif logo from squarespace to sixteen #69343MarcyParticipantHere's the url of your header:
http://www.productiveinsights.com/item/51d0658ae4b0d032675a23ea?format=1500wJust right-click on it and save it. But only do this, if the header image actually belongs to you, and not to squarespace.
Also if it does belong to you, whoever created it for you should have given you a copy of it.
Marcy | Amethyst Website Design | Twitter
MarcyParticipantThis forum post has some general suggestions for doing this. The code should work for Minimum Pro, although you may need to do some tweaking on the CSS.
http://www.studiopress.community/topic/center-logo-within-menu-genesismodern-portfolio/
Marcy | Amethyst Website Design | Twitter
MarcyParticipantYes, you just have to use a WordPress conditional statement.
They are all listed here: http://codex.wordpress.org/Conditional_TagsYou can use page id's or slugs
Here is an example of a page with id 42if ( is_page ( 42 ) ) { remove_action( ‘genesis_entry_header’, ‘genesis_do_post_title’ ); }
Here is a more complex example with mixed slugs and id's
if ( is_page( array( 42, 'about-me', 'About Me And Joe' ) ) ) { remove_action( ‘genesis_entry_header’, ‘genesis_do_post_title’ ); }
If you want to target a post, instead of a page, you would use
if ( is_single( 53 ) ) { }
Marcy | Amethyst Website Design | Twitter
-
AuthorPosts