Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 2, 2016 at 3:57 pm #681338
    juliacecere

    Hi there!

    When using Elegant Style for my posts, this is the order of info for each post on archive/category pages:

    Categories
    Title
    First Part of post prior to using the Read More function if I’ve used Default layout builder, or Featured Image/Excerpt if I’ve used ALB.
    Read More Button
    Date/Comments/Author

    I would either like to:

    1) move the Categories meta info below the Read More Button
    or
    2) be able to change the font and size of the category meta info (I have gone through every setting possible to attempt this) to make it very inconspicuous.

    To hide, I have already used
    .span.post-meta-infos { display: none !important; }
    but that removes date/comments/author, which I want to keep

    I have also already tried
    .archive .blog-categories, .archive .text-sep-cat {
    display: none;
    }
    but it doesn’t do anything at all.

    I know I can use Business Style to achieve moving the categories below, but I don’t like the style too much.

    Thanks!

    September 5, 2016 at 2:36 pm #682179
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_elegant-blog #top .post-entry .post-meta-infos .minor-meta {
    font-family: arial;
    font-size: 20px;
}

    Really nice website by the way!

    Best regards,
    Yigit

    September 5, 2016 at 6:24 pm #682304
    juliacecere

    Hi there! So this changed the Author, comment count, and date, but not the categories.

    So I tried, this but it didn’t work:

    .html_elegant-blog #top .post-entry .blog-categories .minor-meta {
    font-family: arial;
    font-size: 20px;
    }

    Could you send me CSS that will change the category meta info font AND/OR could you send me CSS that would keep the category font type the same, but make it smaller and take the ALL CAPS away?

    In addition cuold you send me css to adjust the font, size and color of the numbers in the animated countdown and the animated counter?

    And thanks! I’ve been working on it hard! Your theme makes it easy to make it look good!

    • This reply was modified 8 years, 2 months ago by juliacecere.
    September 10, 2016 at 6:36 pm #684533
    Andy

    Hi,

    span.blog-categories.minor-meta {
text-transform: none !important;
font-size: 20px;
}

    For animated number use this code:

    .avia-single-number {
font-size: 20px;
color: red;
}

    and adjust as needed.

    Best regards,
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.