Would like to try out Nikau Theme, need support

  • Unknown's avatar
    sarangsss29 · Member ·

    Hi,
    I am on Jetpack professional and I would like to try out the Nikau theme, but need to make some changes before activating it.
    https://wordpress.com/theme/nikau
    Don’t know why I can’t post it there. So posting it here.

    Here are the changes I would like to make that are already on my live website https://www.androidsage.com using the theme Aquene

    First off, I would like to say Nikau an amazing theme! I tried it out on my staging website. But need some changes before making it live on my live website.

    * On the sidebar, I have put latest posts and features posts using Jetpack widgets, but they look weird, I would like them in a list form.
    * Need a CSS code to show when the post was updated. Updated post timestamp.

    Using this CSS code does not work:

    .updated:not(.published) {
    display: block;
    }
    .updated:not(.published)::before {
    content: “Updated: “;
    color: #000;
    }

    * Need to hide blog credits (Powered by WordPress and theme by… from the footer)

    Using this CSS code; does not work:

    .blog-credits {
    display: none;
    }

    * Fonts do not change

    Using this CSS code does not work:

    body {
    font-family: ‘Rubik’, sans-serif;
    font-size: 17px;
    }
    body h1{
    font-size: 34px!important;
    }

    T
    he fonts only reflect on the homepage, headlines, and author bio. But not the body or paragraph, or widgets.

    * Need to reduce the font size of blockquotes. is there a way I can show it as simple as this tutorial: https://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling/
    * No share icons on the left side of the post as shown in the demo
    * No follow blog widget as shown in the demo

    Here is the screenshot:
    https://drive.google.com/file/d/1lug_OLUb9d1AsBD6wSNNU3eXiq2qIh6b/view?usp=sharing
    take a look at the sidebar, the blockquotes, fonts, and font size.

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

  • Unknown's avatar
    musicdoc1 · Member ·

    Hi,

    Each premium theme has its own support forum. Here’s a link to the Nikau support forum: https://premium-themes.forums.wordpress.com/forum/elmastudio/nikau/.

  • Unknown's avatar
    sarangsss29 · Member ·

    Yes. Tried posting there. Can’t post for some reason.

  • Unknown's avatar
    musicdoc1 · Member ·

    Thanks. I’ve called for staff attention to the topic. Staff will respond here.

  • staff-blorbo · Staff ·

    Interesting, there might be something up with access control on that forum for Jetpack Professional customers.

    Our developer who controls that just stepped out for the day, but he’ll take a look as soon as he can tomorrow.

  • supernovia · Staff ·

    Just noting too in the meantime, the CSS you’ve shared here may not work with that theme.

    Here’s how to find the CSS that does work with it, though:
    https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  • Unknown's avatar
    sarangsss29 · Member ·

    Thanks, I will take a look into the CSS myself for now.

    Maybe because of this, I guess?
    https://premium-themes.forums.wordpress.com/topic/not-able-to-post-in-this-forum-3/

    Yes, something is up with Jetpack Professional accounts.

  • kokkieh · Staff ·

    Hi there,

    As you installed this theme via your Jetpack premium plan, you should be able to get help with this directly from Jetpack support, here:

    Contact Support

  • Unknown's avatar
    sarangsss29 · Member ·

    Yes. I have been in contact with the Jetpack support team as well. I get a reply from a new Happiness Engineer everytime and no one has an idea of what to do.

    They just think I am a noob and can’t even submit a topic, asking me about the submit button. I mean, really?

  • kokkieh · Staff ·

    Hmm, it looks like there might be a miscommunication somewhere. I’ve followed up with the Jetpack team about that.

    Meanwhile, let me see if I can help with the CSS for the changes you mentioned above. It would be better to try and test the CSS directly on your site, but I’ll see what I can work out using a test site instead.

    * On the sidebar, I have put latest posts and features posts using Jetpack widgets, but they look weird, I would like them in a list form.

    /* Make recent posts widget a regular vertical list */
.widget.widget_recent_entries ul li {
	display: block;
}
.widget.widget_recent_entries ul li:after {
	display: none;
}

    This specifically targets the recent posts widget, but if you want to target any widget containing a list, just remove the .widget_recent_entries

    I’m not able to get it to show a bullet point for the list, though – I suspect that’s being overridden somewhere else in the code.

    * Need a CSS code to show when the post was updated. Updated post timestamp.

    CSS can’t do this. CSS can only change the appearance of elements already on the page. It cannot be used to pull in information from the database that’s not already being loaded in the site’s HTML.

    For this type of change you’d need to create a child theme so you can add the necessary PHP code to display this info on the site first, before you can style it using CSS. There might be a plugin that does this as well, though, so try looking for something like that first, as it’s a much simpler option.

    * Need to hide blog credits (Powered by WordPress and theme by… from the footer)

    Using CSS you can use this:

    /* Hide footer attribution */
#site-info {
	display: none;
}

    However, the recommended method to do this is to create a child theme, and instead remove the code adding that attribution from the footer.php file. Hiding those links using CSS can have SEO consequences.

    * Fonts do not change

    CSS alone cannot effect a font change. Before you can use CSS to change a font, the font first has to be imported into the theme. A popular option for this is https://wordpress.org/plugins/easy-google-fonts/

    The fonts only reflect on the homepage, headlines, and author bio. But not the body or paragraph, or widgets.

    Your code only targets the body element and the body h1 element, which is headings that are children of the body element. Nothing else will change, because you’re not targeting anything else.

    A CSS selector like body, p, a, div, li targets all the most common text elements on the page. But a plugin is a much simpler way of changing the font for your site globally. Custom CSS is better used to make smaller changes to specific elements instead.

    * Need to reduce the font size of blockquotes. is there a way I can show it as simple as this tutorial: https://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling/

    The tutorial you link to does nothing to the font size. The code you need to change that is this:

    /* Resize blockquote text */
.single-post .entry-content blockquote p, .page .entry-content blockquote p{
  font-size: 30px;
}

    * No share icons on the left side of the post as shown in the demo

    That is a menu. You set it up in the Menus section of the Customizer.

    Create a new custom menu, add only custom links linking to your social media accounts, and assign it to the Social Links menu slot of the theme.

    Create a Social Links Menu

    * No follow blog widget as shown in the demo

    It’s a widget. You add that to a widget area of the theme from within the Customizer ->Widgets.

    Jetpack

  • The topic ‘Would like to try out Nikau Theme, need support’ is closed to new replies.