This topic contains 4 replies, has 2 voices, and was last updated by  Dominykas 3 years, 7 months ago.

  • Creator
    Topic
  • #1092

    Mark Matsuno
    Participant

    Hi Dominykas – thank you again for your awesome support, and a plugin that actually works! As I mentioned prior, I was looking for the CSS file to update. Currently it is not restyling to the theme CSS and I would like to match if possible. In particular, text wrap, font style and size. Any leads would be greatly appreciated!

    Thanks,
    Mark

  • Author
    Posts
  • #1093

    Dominykas
    Keymaster

    Hi Mark,

    Oh, that’s nice to hear! There’s no CSS file. It is coded to use the theme CSS styles.

    If you are using shortcode to display random posts, then you can wrap it into div, for example:

    <div class="my-random-posts">
    
    [elm_random]
    
    </div>

    And use CSS code below to style it:

    .my-random-posts {
    font-size: 18px;
    color: red;
    }

    If you are using a widget, then you can use:

    .widget_randomizer_widget {
    font-size: 18px !important;
    color: red !important;
    }

    Does that help?

    Please let me know if you have any more questions. Thanks!

  • #1094

    Mark Matsuno
    Participant

    Hi Dominykas,

    I inserted the custom CSS you sent however there wasn’t any change to the page. Sorry, I’m a WordPress newbie but I’m pretty sure I set it up correctly. Also, any chance to change the background block to transparent or a hex color?

    Here is the url to the page: http://palolohome.org/wp

    Thanks!
    Mark

  • #1095

    Mark Matsuno
    Participant

    Hi Dominykas,

    Ok I guess I should read your instructions carefully. I originally just used the shortcode on the page, but after I inserted the div code, it worked like a charm. Thank you so much!!!

    Mark

  • #1096

    Dominykas
    Keymaster

    Hi Mark,

    Great! You’re welcome. :) In order to change background to transparent, you need to add background property to .my-random-posts class. It’s: background: transparent !important;

    Hope this helps.

    Please let me know if you have any more questions!

The topic ‘[Solved] CSS for content randomizer’ is closed to new replies.