This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

CSS Customization for Origami Premium

Open 9 replies premiumthemetheme-origami
Magdalyn Yeo
11 years ago · Last reply by Andrew Misplon 11 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Andrew Misplon Staff 11 years, 3 months ago

    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.

  2. Magdalyn Yeo 11 years, 3 months ago

    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?

  3. Andrew Misplon Staff 11 years, 3 months ago

    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;
}
  4. Magdalyn Yeo 11 years, 2 months ago

    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?

  5. Andrew Misplon Staff 11 years, 2 months ago

    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;
}
  6. Magdalyn Yeo 11 years, 2 months ago

    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/

  7. Andrew Misplon Staff 11 years, 2 months ago

    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.

  8. Magdalyn Yeo 11 years, 2 months ago

    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?

  9. Andrew Misplon Staff 11 years, 2 months ago

    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/

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread