Support » Plugin: Nooz » Appearance customization via CSS

  • Hi there — so far this plugin looks like exactly what we’re looking for! I’m not having luck customizing the appearance of the coverage feed when inserting it onto a page.

    For example, I’d like to change the font size of the article title, but I’m not sure where to do that — I browsed this forum and tried adding CSS to the Appearance > Customize > Additional CSS section via WP, but it didn’t affect font size, color, etc. (The only thing I could change via Additional CSS was to remove the bullets from the list-styled display.)

    How do I set the header / title font size and colors for the Nooz plugin? Also, how would I set it to display articles in three columns instead of two?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor farinspace

    (@farinspace)

    @juliavbh,

    My apologies for the very late reply.

    I’ve created a quick snippet with some sample CSS that may help with your CSS config.

    As of current v1.4.2, Nooz still requires config via CSS, you can view HTML source to see the available CSS classes that can be used.

    https://gitlab.com/snippets/1886017

    As for the columns, Nooz Outline theme will grow to the amount of space it is given. In your example page above, it has a container of col-md-8, changing this to col-md-10 should do the trick.

    juliavbh

    (@juliavbh)

    Thanks! Would this go in the Custom CSS section for the site, or is there a better place to put it?

    Plugin Contributor farinspace

    (@farinspace)

    The custom CSS section can be difficult to manage a lot of CSS rules.

    Another option is to create a custom.css (you can name it what ever you want), and use it directly on the site. This will allow you to manage all your rules from a single file and make it easier to edit.

    Here is a quick example on setting that up (this requires that you have the ability to upload changes to you custom.css file when you make edits, and that you can modify your functions.php file):

    1) In your theme folder create a custom.css file:
    /wp-content/themes/mytheme/custom.css

    2) In your /wp-content/themes/mytheme/functions.php file add:

    add_action( 'wp_enqueue_scripts', 'my_custom_styles' );
    function my_custom_styles() {
        $file = 'custom.css';
        $handle = 'my-custom';
        $src = get_stylesheet_directory_uri() . '/' . $file;
        $deps = array();
        $ver = @filemtime( get_stylesheet_directory() . '/' . $file );
        // https://developer.wordpress.org/reference/functions/wp_enqueue_style/
        wp_enqueue_style( $handle, $src, $deps, $ver );
    }
    
    juliavbh

    (@juliavbh)

    Hmm, I’m still not able to get changes to display on the page. Is there a CSS snippet I could add to the Custom CSS section to just change the font size of the article title/header? (On the main grid display page)
    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Appearance customization via CSS’ is closed to new replies.