Requesting CSS code to customize front page using Oxygen

  • Unknown's avatar
    gerrisayler · Member ·

    Are there snippets of CSS code that I could use to fine tune how my posts are previewed on my home page. Specifically, I would like to:

    • increase font size for the titles and arrows in the feature post slider (so they have more presence)

    • increase font size for titles showing on the index for “more articles” (so they have more presence)

    • decrease font size for “date” showing on index for “more articles”

    • remove text altogether for “category” and “leave comment” in the index for “more titles” (so they have less presence)

    I have put a huge amount of work in restoring my website/artist blog and changing over to using Oxygen theme with a CSS upgrade. These items are the most pressing tweaks that I have now. (Please let me know if I should send separate emails for each of these items.)

    Many many thanks for your kind assistance !!!!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    justpi · Member ·

    1a+2+3) Add these, increase the first two values, decrease the third one: 

    .featured-post .entry-title {
font-size: 1.28em !important;
}
.hfeed-more .entry-title {
font-size: 0.853333em !important;
}
.hfeed-more .entry-meta {
font-size: 1.08167em !important;
}

    4) Add this: 

    .hfeed-more .entry-meta .sep, .hfeed-more .cat-links, .hfeed-more .comments-link {
display: none;
}

    1b) The arrows are an image:
    https://wpcom-themes.svn.automattic.com/oxygen/images/slider-nav-arrows.png
    So normally you should first modify the image in an image editing application and upload it to your blog.
    But there are also standard arrows there (hidden from view). So, as an alternative, you can remove the image and make the standard arrows show up; add this and play with the values: 

    .slider-nav {
background-image: none;
font-size: 40px;
height: 32px;
padding-left: 9px;
text-indent: 0;
width: 48px;
}
  • Unknown's avatar
    gerrisayler · Member ·

    Thank you thank you thank you — and thank you, too, for another support response that I’m not sure I thanked you for.

    You people are amazing and jolly on the spot with the help. I added all the code snippers then chickened out on changing the size of the slider arrows, which I am holding off on for now.

    Blessings to you for a Happy Thanksgiving!

  • Unknown's avatar
    justpi · Member ·

    You’re welcome!

  • The topic ‘Requesting CSS code to customize front page using Oxygen’ is closed to new replies.