1. How do I remove the underline for hyperlinks in the blog post? On the same note, I would also like to have the hyperlink change colour when the mouse hovers over the hyperlink.
2. The bolded text is now showing a different colour as my post – how to I make it the same colour?
3. On the single post page, I would like to leave some space or add a divider after the comments section – how do I do that?
4. How do I increase the line height for the blog entries?
URL: http://magdalyn.net
Hi
1. Try the following under Appearance > Custom CSS:
/* Origami Content Links */ .content a { color: #36659f; text-decoration: none; } .content a:hover { color: #36659f; }Change the colors there as required.
2. Sorry, not seeing that. On your home page for example I can see:
The bug at four months is so cheeky and so much fun to be with!
There is bold in that sentence. The color is the same on my side. Do you have another example you’d like us to check out?
3.
/* Comments */ #respond #reply-title { margin: 50px 0 20px 0; }Adjust 50px as required.
4.
/* Typography */ .content p, .content ul, .content ol, .content dl { line-height: 1.8em; }Edit as required.
Hope that helps.
Hi Andrew, thanks for your reply.
I still can’t get the hyperlink colour to change although I did manage to remove the underline.
Also, my entry title font is ‘Lora’ but when I click on the entry title, it goes to a page with a single post and the page shows the entry title as a different font – how do I standardize that?
For sure.
Right now you have no color added for for .content a so it will stay as default. Please add the color you require and send a link to a page with a link I can check out. Thanks.
Try this:
h1, h2, h3, h4, h5, h6, h1.entry-title, h1.archive-title, #footer-widgets h2.widgettitle { font-family: 'Lora', Georgia, serif; }The link colour and standardized heading is still not working. Maybe it has to do with me tinkering around with the ‘style.css’ file?
When there’s a comment, e.g. ‘One Comment’ – how do I move it further away from the post such that there is more “breathing” space?
Remember that changes to files like style.css will be lost if you ever update the theme.
Apologies. Remove the color from content a { } just leave the property, text-decoration: none; Go to Appearance > Customize and set the General link color there under the Colors heading.
You can adjust the comment title as follows:
#comments h3.comments-title { margin: 20px 0; }Thanks, Andrew. I’ve gotten those sorted out :)
One last question, how do I set a maximum width for all images and videos?
I have a video on this page that is pixilated because it has run to the full width of the content width: http://magdalyn.net/2011/11/17/singapore-hit-awards-and-my-favourite-chinese-songs/
For sure.
FitVids, the responsive video script we’re running is causing this. Using CSS to control max-width happens too late and from what I can see, the video background doesn’t re-size. One option would be to de-activate FitVids. You could do that just by running this child theme:
https://siteorigin.com/wp-content/uploads/2014/08/origami-child-fitvids.zip
Install the ZIP from Appearance > Themes > Add New: Upload Theme
Once activated test it out first. If it works you’ll then need to redo Cutomizer and Menu settings, a normal result of activating a child theme.
Got it.
Just realised there’s nowhere I can include my Google Analytics tracking ID – does that mean I will have to insert the tracking code manually on every page?
It’s best to use a plugin for this, the only other option is to use a child theme and edit theme files.
My preferred plugin is super simple:
https://wordpress.org/plugins/googleanalytics/
If you’d like something with more tracking options, please check out:
https://wordpress.org/plugins/google-analytics-for-wordpress/