-Increasing the line spacing between images on the Portfolio page
Something like .entry-content.wide img { margin-bottom: 10px; } should do the trick.
-Change all the galleries so when an image is clicked, it loads on the same page with the background darkened out (not sure what the name of that is called, but it’s the way it’s set up on my .com site)
This was probably done via a lightbox plugin, though I’m not sure which one exactly. Try a plugin search for “lightbox” and see if any of them look right.
-Edit the footer text to “2013-2014” and make it so there is less of a gap above and below the text – not the 3.6em margin but the paragraph margins.
Try being a bit more specific with your CSS. Something like #colophon p { margin-top: 5px; margin-top: 5px; } would only target any <p> tags within the footer.
-Add some social network link buttons to the footer.
These would be pretty easy to add with a list, optionally styled with display: inline-block;. Look around for some social media icon sets; I like Genericons.
Thanks, I’ll try those in a bit.
I am not sure how to fix the footer text. While the WordPress etc. text that went on the right was in the footer.php for me to delete, in here:
<div class="credits">
</div><!-- end .credits -->
the text on the left is just this:
<div class="site-info">
<?php do_action( 'minimalizine_footer' ); ?>
</div><!-- .site-info -->
The line spacing for images worked great!
For the footer, it has worked, but there’s still a gap underneath the text. And I just realised why, you wrote “margin-top” twice. 😛
Is it possible to set
.entry-content.wide img { margin-bottom: 10px; }
for just images that are within a paragraph? So that it excludes images that end a paragraph?
Ty for the lightbox tip, I’ve used Simple Lightbox, it looks a lot better than before.
Does a lightbox plugin override all the attachment page links etc? I don’t need to worry about changing the image hyperlinks or anything?
I really like Genericons. I’d like to put four of them along the right hand of the footer, like they are on your link, as rollovers that change to blue when you hover over them.
Not sure how to do it though, I tried installing the Genericon’d plugin, but that seems to just do still images.
The neat thing about Genericons is that you can style them any way you want with CSS and they still look good. Try something like:
.genericon {
font-size: 16px;
}
.genericon:hover {
color: blue;
};
Obviously, substitute whatever values you’d like to use.
I have Genericon’d installed, and put this in the footer:
<div class="credits">
<div class="genericon genericon-facebook"></div>
<div class="genericon genericon-twitter"></div>
<div class="genericon genericon-youtube"></div>
<div class="genericon genericon-vimeo"></div>
</div><!-- end .credits -->
It’s put the icons there, but your css hasn’t done anything. I put it in the Minamalizine child style.css.
I can see the hover effect, but the reason the font sizing isn’t working is because the Genericons plugin has its own CSS file which is getting loaded after your main style.css, so any styles defined in the plugin’s CSS files “win”, so to speak. A dirty fix would be to use !important like this:
.genericon {
font-size: 20px !important;
font-style: normal;
font-weight: normal;
height: 20px;
width: 20px !important;
line-height: 1em;
}
But a better solution would be to make sure your main style.css gets loaded after any plugins. I’m not 100% sure how to do that, but I am researching it.
Thanks. This was the CSS I wanted to put in to override the Genericons style.css:
.genericon {
font-size: 20px;
font-style: normal;
font-weight: normal;
height: 20px;
width: 25px;
line-height: 1em;
margin-top: 7px;
margin-bottom: 5px;
}
I’ll try and merge that with yours.
Are the links set up right? I just stuck some html into the footer.
How can I get rid of the underline on the buttons when hovered? I want to keep it for text, but not those buttons. I also want to get rid of the hyperlink on my name on the left of the footer.
It turns out the buttons only get underlined in Firefox (probably IE as well) but not in Safari.
I don’t know what’s going on with the footer, I’ve set up the CSS like this cos I followed a guide that was about a similar problem.
<footer id="colophon" class="site-footer">
<?php do_action( 'minimalizine_footer' ); ?>
<?php echo '© 2013-' . date("Y") . ' ' . get_bloginfo('name'); ?>
</div><!-- .site-info -->
But it puts minimalizine_footer above the text that I want. It seems to be some kind of automated footer that you can’t edit at all?
It’s also pushed all of the site credits (aka the Genericons) down onto a new line!
When I get rid of that do_action line, it gets rid of the formatting top and bottom margins I had set up.
—
Ah, now I’ve deleted the do-action line, and added p tags to php echo, it’s given it the formatting I want. But the Genericons are still in the wrong place.
Can you post your full footer.php somewhere like pastebin and link it here?
Here is the child footer: http://pastebin.com/vyFK2EuY
And just in case, this is the parent footer: http://pastebin.com/t5gPBjWC
I’m away for the week so I’ll be back on Monday!
Okay, check out this pastebin: http://pastebin.com/6ZJj8dWL
Here’s what I did. I deleted an extraneous </div> , so the credits and the copyright text should appear within the footer. In style.css, I floated both the copyright text and the credits section so they would appear on the same line. If you don’t like the way they line up, go ahead and add margin-top and/or margin-bottom to the .credits section until it looks right.
