Lodestar theme By Automattic: Modifications of header, footer, sidebar, contents and documentations

Lodestar by Automattic

Lodestar is a trendy one-page theme designed with startups and small business ventures in mind.  Designed by Mel Choyce, Lodestar is perfect for your small business or organization’s website. The theme allows you to create a one-page website, showcasing all your company’s information in one spot, interspersed with full-sized featured images. It is almost similar to WordPress Twenty Seventeen Theme . Here i am sharing you some CSS code to style your Lodestar theme, which will help you to give your Lodestar theme a diffrent look of your own.

Download Lodestar theme By Automattic  if you want to use it in your own hosting.

So You can use my shared code and ask question in the comments section.

Or can take my personal help.
1. How to change top navigation menu background color in Lodestar theme?

Answer:  use this css code to do this

.header-top {
background-color: darkred !important;
}

2. How to change menu hover background color and drop down menu  hover background color in Lodestar theme?

Answer : Try this css code

#top-menu li a:hover {
background: grey !important;
}

Theme Lodestar top header menu section modification

3. How to change drop down menu black background color in Lodestar theme?

Answer:  Use this css code

ul.sub-menu {
background: darkred !important;
}

 

4. How to change the “Call For Estimate” font color, size and font family to make it stand out?

.site-top-content span {
font-family: cursive !important;
font-size: 18px !important;
color: white !important;
}

5. How to change the Navigation menu font color, size and font size to give the menus a new style

.main-navigation a {
padding: 1em 1.25em;
font-family: cursive !important;
color: white !important;
font-size: 13px !important;
}

6. How to change Homepage panel’s font color, size and font family

.panel-content .entry-title {
color: darkred !important;
text-align: center;
font-size: 23px !important;
font-family: cursive !important;
}

theme lodestar single post big header image remove

7. If you don’t want to show  big header image in single post page in Lodestar theme?

.single-post .custom-header {
display: none !important;
}

.site-content {
padding: 7.5em 0 0 !important;
}

 

Theme Lodestar footer social icons background color change

8.How to change footer light grey social icons background color ?

.site-footer .jetpack-social-navigation a::before {
background: darkred !important;
}

Theme Lodestar single post modifications

9. How to change single post page title’s font family color and font size

.entry-header .entry-title {
margin-bottom: 0.25em;
font-size: 28px !important;
color: darkred !important;
font-family: cursive !important;
}

10. I don’t want to show post date and  author in single post page?

.entry-meta {
display: none !important;
}

11. How to change the font color, font size and font family of contents of single post?

.entry-content, .entry-content p {
font-size: 17px !important;
font-family: cursive !important;
color: black;
}

 

12. How to change sidebar and footer widget title’s font color, font size and font family in Lodestar theme

h2.widget-title {
font-size: 18px;
font-size: 1.125rem;
font-family: cursive !important;
color: darkred !important;
}

theme-lodestar-widget-title-and-widget-list-modification

13. How to change list border color 

.widget ul li {
border-bottom: 1px solid darkred !important;
border-top: 1px solid darkred !important;
padding: 0.5em 0;
}

14.  To change Widget list font family, font size and color 

.widget_categories li a {
color: darkred !important;
font-size: 14px !important;
font-family: cursive !important;
}

15. To change footer widget background area

.site-footer .widget-area {
background-color: green !important;
}

 

theme lodestar blog page posts modifications

16.  How to change  Continuous Reading font family, font size and color in blog page?

a.more-link {
color: darkred !important;
font-size: 18px !important;
font-family: cursive !important;
}

17. How to  reduce gap between blog posts in Lodestar theme?

.blog article {
padding-bottom: 2em !important;
}

Theme Lodestar Single Post Full width

18. How to make Single post page to be full width in Lodestar theme?

.single-post aside#secondary {
display: none !important;
}

.single-post div#primary {
width: 100% !important;
max-width: 100% !important;
}

19. If you want to remove footer site info ( blog at wordpress.com) in Lodestar theme

.site-info {
display: none !important;
}

theme lodestar blockquote modification

20. How to change Blockquote font family, border, color, font size in Lodestar theme

blockquote, q {
font-family: cursive !important;
color: darkblue !important;
font-size: 16px !important;
border-left: 4px solid darkblue !important;
}

21. How to change footer copyright info, company info and Year in Lodestar theme wordpress

Answer: Go to dashboard, then Appearance > Editor (theme editor). Replace the Red Bordered are with the code i shared below

lodestar footer copyright and company info modification

<div class="site-info">
	<div class="wrap">
 		© Copyright 2018, Your Company name and messages here
	</div><!-- .wrap -->
</div><!-- .site-info -->

Adding Panels
If you want to add more content to your front or homepage you can do it easily using panels. Panel can be created from a static page on your site. Check the steps and screenshot below

Here are steps to add additional panels in your Front page:

  1. Create a page or open your page in page editor in wordpress
  2. Add a Featured Image to the page. The image should be at least 2000 pixels in wide and 1200pixels tall.
  3. Navigate to Appearance > Customize > Theme Options. Then from the drop-down, select the page you’d like to appear in the panel.
  4. For each panel, you also have the option to display the page’s content in one or two columns.


Photo Credit : WordPress.com

If you have any issue feel free to ask me question here in comments section

OR

Want me to help you personally for CSS Issue?CLICK HERE….

197 Responses to Lodestar theme By Automattic: Modifications of header, footer, sidebar, contents and documentations

  1. bradsayers says:

    Thanks for these tips!

    As for point 19, I do not want to remove the footer, but I would like to replace the PROUDLY POWERED BY WORDPRESS | THEME: LODESTAR BY AUTOMATTIC with my own line.

    How can I do this while keeping everything else the same?

    Liked by 2 people

  2. Hi, I have changed the background color on all pages to a medium blue, and the body text to white following your examples above. However, the “static home page” defaults to a grey text that is larger (and not white!). How do I access that to make changes to its appearance using CSS code?

    Like

  3. Hello ! Could you help me about reducing the height of the big header image ?
    Thanks in advance !

    Like

    • Hi
      are you talking about the homepage header image?
      let me know
      OM

      Like

      • Hi, Yes I do.
        I tried to modify the properties in the css editor “.custom-header-image .lodestar-front-page” and “.custom-header”, but nothing happens…
        Thanks in advance !

        Like

      • Thanks,
        sorry for the late response
        would u mind to try this code please?

        .custom-header {
        height: 255px;
        max-height: 50%;
        }
        .custom-header-image, .custom-header-image * {
        height: auto !important;
        padding: 0px !important;
        width: auto !important;
        }
        please let me know if it works for you?
        Om

        Like

      • Gateway says:

        Nevermind! I just managed I think. Sorry for all the confusion. Used this code:

        .custom-header-image, .custom-header-image * {
        margin-top: 20px;
        height: auto !important;
        padding-top: 0 !important;
        padding-bottom: 120px;
        width: auto !important;
        }

        Like

      • Thanks a lot for the code
        🙂
        Om

        Like

  4. Thanks a lot for your answer ! It’s a kind of working, but it displays a big space between the image and the content below…
    So, instead of 255px, I can put any other value ?

    Like

  5. Well, I’ve tried to modify some codes…. and it seems to work perfectly !!!
    Thanks again !!!!

    Like

  6. Hi, If I don’t want to show big header image in the page contact us in Lodestar theme, can you help me? thanks!

    Like

  7. http://letsfixitinpost.com/ , now I had fixit the problem with the top bar, thanks!

    Like

  8. dega says:

    Hello, i want to remove the big header on another page. but i cant. tried to put on custom css. and still cant. and what does #7 mean? how to use it? thanks!

    Like

  9. heinohund says:

    Hi how do I get the image from the post in the blog on the frontpage?
    Br Henrik

    Like

  10. heinohund says:

    Karmarkbusiness.dk

    In the frontpage i have the blog in one of the panels. In the frontpage there is no image with the, but under the blog in the menu there are image in the post.

    H

    Like

  11. Hi Sir,

    Thank you for your guidance that allows newbies like me to enjoy using WP. To change only the Site Title font, which is your tip to use? I tried using No. 6 but there was no affect to the Site Title font.

    Much appreciated.

    Like

  12. Jeremy says:

    How di I add my logo right above the large lodestar text on front page. Also, I would like part of the “lode” to be a different color than the “star” text. How do I do this? This is for the homepage. Thank!

    Liked by 1 person

  13. webhdc says:

    Hello, PLease, could yo help me? I want to remove header images in new pages that i made. Is possible?

    Like

  14. Gateway. ISR says:

    hi there, could you help me with my header – it seems to not want to do what i would like! i would like 1) the header to be smaller (the code you posted above makes my header smaller but also makes the images disappear) and 2) I would like for my parent pages not to have headers. could you help? 🙂

    im currently working on my local server but i have a basic version that i will upload my local version to. the url is gatewaytogermany.nl

    thank you!

    Like

    • Gateway. ISR says:

      oh and i would also like to suppress the parallax scroll in all images – header and panel!

      Like

      • Hi
        thanks
        sorry for the late response
        would u mind to tell which code you used to make the header smaller?
        i will check it and will correct it
        Om

        Like

      • Gateway says:

        I managed to fix it 🙂 – if you wanna delete my comment underneath. cant figure it out myself. or at least that you know you dont need to answer it anymore 🙂

        Like

      • HI
        would you mind to share the code here which you used to fix?
        sorry i could not reply you due to some other work

        OM

        Like

      • Gateway says:

        I didnt fix it afterall…. I am still frustrated by the code for the header… Do you have any idea what code I could use? This one:
        @media screen and (min-width: 60em) {
        .lodestar-front-page .custom-header-image {
        height: 400px;
        }
        }
        I tried but its not small enough for the intro text (the one above panel one – just for clarification 🙂 )to show and that is essential. Reducing the height to say 300px does not change the layout at all.. Im out of options. Oh and I dont want to reduce the padding of the intro text to achieve the look if possible. Do you have any idea?

        Like

  15. Gateway. ISR says:

    Hi… oh gosh.. If only I knew… because it only worked temporary I didnt think i used the right code.. the only added code I have in my theme is:

    body:not(.no-header-image) .custom-header-image::before, .lodestar-front-page .custom-header-image::before {
    background: rgba(0,0,0,0.05);
    bottom: 0;
    content: “”;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    }

    but thats just to regulate the overlay… This doesnt help you, does it?

    Like

  16. Hi ! I had to modify one item (link) in the main navigation, and a new problem appeared : now the last item (link) goes underneath the others. So the navigation is now displayed on 2 lines, and not 1 line as before… Even if I delete every links in le menu, and re-add them, there is still the same problem, as if the width of the main navigation had been reduced…).
    Could you know how to solve it ??
    Thanks in advance !
    Regards,

    Like

  17. You are the best ! 🙂 Thanks a lot !

    Like

  18. dionbarb says:

    Hi, how do we keep the header image but remove the grey screen over the header images?
    https://abovethefoldcanada.ca/

    Like

  19. dionbarb says:

    Do you know why the homepage banner is bigger than the other banners? I’d like them all to be the same size as the secondary pages.

    Like

  20. CA says:

    Hi, I have transferred my Lodestar site from WP.com to WP.org. I downloaded and uploaded your wonderful theme to my new site location, but I find the Site Identity Customiser no longer allows me to upload a logo.

    In my wordpress.com site (https://pixelperfectdesign51614475.wordpress.com) I used a logo instead of a site title, because I like the fancy font (which I can’t find on any of the major font sites like google fonts, fontsquirrel, fonts.com or Typekit). I would like to do the same in my WP.org site (www.pixelperfectdesign.org) but I’m struggling.

    Am I missing something? Many thanks for your kind help in advance!

    Colette

    Like

    • HI Colette
      i found both of your wordpress.com and wordpress.org site looking same?
      no logo is showing there?

      please let me know
      OM

      Like

      • CA says:

        Hi, thanks so much for your prompt reply. Since I posted yesterday, I have discovered how to upload the font I used on my WP.com site (Mom’s Diner), but I’m afraid the quality is really poor and it doesn’t look so good on my WP.org site. I would prefer to upload a .png logo to retain the quality. Is that possible on the WP.org version of the theme?

        Like

      • HI
        i guess you can do that in your .org site
        🙂

        Om

        Like

      • CA says:

        Hi again

        In the .com site, it’s possible to insert a logo under Customize: Site Identity. In .org, there isn’t. Is there another way to upload a logo to where the site title is located, in the centre of the header image? Thanks, Colette

        Like

      • Hi Colette
        ok, in your wrodpress.org site you can modify the theme file…right?
        if yes, then there is a way to add logo by modifying the theme file
        (though i have not checked the dashboard till now, replying you on my experience)

        Om

        Like

      • CA says:

        Thanks so much. That sounds a little advanced for me … can you offer any advice as to how to go about that? Appreciate your kind help! Colette

        Like

      • it would better if you communicate me in my fiverr profile please
        Om

        Like

  21. CA says:

    Will do, thanks.

    Like

  22. cluthy86 says:

    Hi! Thanks for the tips on changing the navigation color. I am having an issue where I have a submenu and when I hover over items in the submenu, the main menu item is still the original black/gray from the theme. I’m unable to locate where/how to change this by inspecting the CSS in my browser and was wondering if anyone has any ideas? The issue is at color-sure.com for the “About Us” menu item and submenu. Thanks!

    Liked by 1 person

  23. dionbarb says:

    Hi, is there a way to link the header image to another page? IE Link the header image on my homepage (https://abovethefoldcanada.ca/) to this page (https://abovethefoldcanada.ca/free-online-assessment/)?

    Like

  24. Thanks for these awesome tips! Here’s a question for you: is there code for moving the logo to upper left, or at least top of page? I don’t want it over the header image. Thanks!
    http://www.trippcr8tive.com

    Like

  25. Logan Halsey says:

    How would i center the menu items after deleting the text in the upper right?

    Like

  26. petrarch1603 says:

    How do I change the font over the header-image?

    Like

    • Hi petrarch
      it depends on which plan of wordpress.com you are using
      in wordpress.com you can change it from your dashboard Appearance > Customize >Font section

      please let me know if it helps you

      Om

      Like

  27. Jim Wilcox says:

    Hey Om!
    love the template! i’m adding the text into the custom CSS field in the customizer and not getting any result. i’m trying to make the theme full with no side bars.

    code i used.
    .single-post aside#secondary {
    display: none !important;
    }
    .single-post div#primary {
    width: 100% !important;
    max-width: 100% !important;
    }

    tHanks again!

    Like

  28. davidcarls says:

    Hello OM,
    thank you for the template, I like it a lot. I would like to put a button on the top menu in place of the Call Me or phone number area. How might I do that? Thanks for any help, my site is davidcarls.com

    Like

  29. davidcarls says:

    Let me clarify, I have the code for a button already, I just need to know where to place the code into what template or ???.PHP file. Thanks

    Like

  30. Priscila says:

    How to increase the header title and tagline wording? Where the default “Lodestar” and description under. Is there a customizable code?

    Like

    • Hi Priscila
      please share me your site url to check
      Om

      Like

      • Priscila says:

        priscilasatolab.com
        I would like Welcome and Sato laboratory in larger fonts
        Thanks

        Like

      • Hi Priscila
        this is for “Welcome” text font size increase

        .site-title, .site-title a {
        font-size: 87px !important;
        }

        this is for “Sato Laboratory” for size increase

        .site-description {
        font-size: 40px !important;
        }
        let me know if it helps
        Om

        Like

  31. Priscila says:

    Thank you so much!

    Like

  32. barbmcgrath says:

    Can we add a text overlay to the feature image?

    For example, each page has it’s own feature image. I’d like the text overlay on the about page to be about us, and the text overlay on the contact page to be contact us.

    site is in demo but is http://corinneallen.com/home-2/

    Like

    • HI
      i found you have already added some box where overlay showing?
      Om

      Like

      • Barb McGrath says:

        Hi, in the header it is just the Site Title. I would like different text over lays in the header image. Can the over lay text be changed page to page?

        Like

      • yes it can be done..but for this the theme file need to be modified (not only css issue)… would you mind to communicate me in my personal help profile please?
        Om

        Like

      • barbmcgrath says:

        Thanks. I wonder if it is easier then to hide the header and I will put a full width slider in place. How do I hide the header?

        Like

      • Hi Barb
        it depends on which slider you are going to use
        Om

        Like

      • barbmcgrath says:

        Since each page needs a different image, different overlay text, etc I will have to play to determine what, if anything can work with the theme. Can the current header and text be hidden or am I better to switch themes?
        Tx

        Like

      • Thanks, actually its on you, i think you can either use this theme or can change any other theme.
        Om

        Like

  33. Charlotte says:

    Thank you very much for all the tips!!
    I just have a question: how can we change the background color of current menu item?
    Tx

    Like

  34. m3tascience says:

    Hi,

    Lodestar Homepage displays smaller font size than other pages.

    It is a bit annoying since the menu falls on two lines on all my pages except the homepage !!

    I’d like to have the same font size as the homepage for my other pages.

    Is it possible and how ?

    Thanks,

    François

    Like

  35. m3tascience says:

    Hi Om,

    Thanks, but does not do the job !

    But it seems to be a Firefox issue.
    I looked at my site with Chrome and there is no problem

    Have you any idea ?

    Thanks a lot

    Like

  36. m3tascience says:

    Hi,
    That’s right, the content font size and color code you provided didnt work
    As I mention, It seems to be a Firefox issue since all work well on Chrome and Edge !1

    Tanks anyway,

    Françcois

    Like

    • Hi Françcois
      i checked in firefox (and using firefox too) and found my provided code worked well and font is showing changed like homepage
      i think you prefer to check by clearing the firefox browser cache in your end
      Om

      Like

  37. m3tascience says:

    HI, Om

    I cleared the Firefox cache and restart Firefox, but the problem is still there.

    Are my menu bar is on one line with your Firefox ?

    I put your code in style.css file via the WordPress Editor in Appearance ?! Is that OK.

    And what is the color from your code ?

    Thanks,

    François

    Like

  38. m3tascience says:

    Hi,

    Sorry, your code works well, but it change the “content” size and colour and not the menu items size.

    By the way, I tried Firefox on another computer and it works well. All pages display the menu on one line !!! Mystery.

    François

    Like

    • HI François
      my code is only for contents …thats why it is working for content section
      my code is not for menu…so menu item should not change

      Om

      Like

      • m3tascience says:

        Hi Om,
        Thanks, I’ll reinstall Firefox. As I said, all work fine on other computer and with other browser.

        François

        Like

  39. m3tascience says:

    Hi Om,
    I read your point “18. How to make Single post page to be full width in Lodestar theme?”.
    Is it possible to do the same but for specific pages ?
    Let’s say I would like some pages to be full width. For example, the page id = 758.
    Is it possible ?
    Thanks,
    François

    Like

  40. m3tascience says:

    Hi,
    Thanks, i’ll try it.
    François

    Like

  41. m3tascience says:

    Hi Om,

    You are unbeatable. The CSS code works very well.

    So for a specific page we have:

    .page-id-500 aside#secondary {
    display: none !important;
    }

    .page-id-500 div#primary {
    width: 100% !important;
    max-width: 100% !important;
    }

    On the internet I found all kinds of solutions but none with only CSS code. All solutions were far more complex.

    I will not forget you offer services for more complex jobs. By the way, how a Gig works on Fiverr ? What we have for one Gig ?

    Thanks a lot,

    François

    Like

    • Hi François
      actually depending on your issues the gig amount varies, for example….as you have some idea of css, you can implement it by yourself. if you were unable, and want to pay me…then i could help u for $5 or $10 something like that…
      Om

      Like

  42. Hi Om,
    Could you please give us CSS to change Active Menu Colour.
    Thanks
    Titus

    Like

  43. Thank you Om, that worked perfectly.

    Like

  44. m3tascience says:

    Hi Om,

    How can we remove “posted on… by”.for selected posts ?

    Thanks,

    François Mauirce

    Like

  45. m3tascience says:

    Hi Om,

    I think I found the main file to modify. Here’s the address:

    /public_html/wp-content/themes/lodestar/inc/template-tags.php

    I hope that can help!

    thanks,

    François Maurice

    Like

  46. m3tascience says:

    Hi Om,

    Is it possible to “freeze” the top menu in Lodestar ?

    Here’s my site: https://m3tascience.org/

    Thanks,

    François Maurice

    Like

  47. lligons says:

    I can’t seem to change the background color of the social media footer. It should be black. Also, I have a horrible bar at the top of my page that only appears on the desktop version (where my logo is) and I can’t seem to make it match the header. Any assistance you can provide would be appreciated. 😊

    Like

  48. lligons says:

    Sure! It’s http://www.CelaiWest.com
    I’ve seemed to fix to bar at the top but the page headers are too dark and I cant seem to lighten them

    Like

  49. lligons says:

    Actually, the bar is gone on the pages but still appears on the home page.

    Like

  50. lligons says:

    Thanks so much, Om! Both of those worked perfectly! Did you happen to have the code to lighten the text on the pages? Its almost the same color as the background

    Like

  51. lligons says:

    I think this is the last one. I inserted a transparent image that has a link and the theme added a horrible thick border around it. It goes away if I remove the hyperlink but I need to keep the link there. No other codes have worked yet. Can you help, please?

    Here is the page: http://celaiwest.com/the-ceo/

    Like

  52. Vilma says:

    Hallo,
    I am using Lodestar template and I would like to have a Private Policy page with no featured image, what should I do to have a simple page?
    Thanks

    Like

  53. David Morin says:

    Hi,

    I used trick number 7 which works nicely.

    Now, how can I do the same with the main blog page (not only for single post) ?

    And how can I do the same for a page ?

    thanks a lot,

    David

    Like

  54. David Morin says:

    Hi,

    Again about menu.

    I changed a menu item to italic, but all the sub-menus changed to italic also. Here’s the code I used:

    .menu-item-2520 {
    font-style: italic !important;
    }

    Is there a way not to changed the sub-menus but only a specific menu item?

    Thanks,

    François Maurice

    Like

  55. sebastianweishaupt says:

    Is it somehow possible to create a page that then shows me a blog-like-view of all the articles i wrote? I can only see them like in the “Archive” but i am unable to create a site with a blog-like structure.

    Like

  56. Igor Bragato says:

    Hi Om,
    first of all thank you very much for your free theme! I appreciate it.

    I have some issues with both menus:

    TOP MENU’
    1. The menu items are not anchored with the panels, how can I link correctly them and use the parallax function?
    2. Is the menu built automatically or should I specify its items and their order?
    3. How can I display a menu item selected and synchronize it with anchors? At the moment they are strangely all selected.

    SOCIAL MENU’
    How can I customize and show the social icons that you have implemented?

    Thank you in advance for your help and have a nice day!

    Like

  57. Igor Bragato says:

    Hi Om

    than you very much. The plugin mentioned in your post (Page Scroll to id) worked!
    It was very easy to set-up.

    Please ignore my second issue, I don’t need to fix it anymore.
    I changed my mind

    Thank you for your precious support!
    Have an amazing day! 😉

    Best,

    Igor

    Like

  58. jim wilcox says:

    Im trying to get ride of the header on all pages but the front page but when i enter your suggested code into the custom CSS area in wordpress nothing happens.
    site: http://blacksagestudio.com

    Like

  59. tperloff says:

    How do I change the light gray color that is there for all widgit links, dates in posts..?

    Like

  60. Raquel Mendes says:

    Hello! Could you help me with the code to make my main menu at the top of the website smaller (in height)? Thanks 🙂

    Like

  61. lligons says:

    I just added a subscribe box in my footer widget. How do I make the bar thinner? http://www.CelaiWest.com

    Like

  62. Eric Joy says:

    Hello… great job on the theme. I am trying very hard to increase the font on the below url page for the forum area. I have tried several different things here and elsewhere to no luck. Can you give me step by step (novice here) as to how to get the bbpress forums a bigger font and the font color a bit darker. It is too hard for people to read.

    http://pog.the-joys.com/wp/forums/

    NavyChief

    Like

    • Hi Eric
      would you mind to try these piece of code please
      ** To use these piece of code, go to your Dashboard then Appearance > Customize > Additional CSS and paste the codes there…or use Simple Custom CSS plugins.

      .bbp-body {
      font-size: 17px !important;
      }

      .bbp-body div, .bbp-body span, .bbp-body div a {
      font-size: 15px !important;
      line-height: 18px;
      }
      .bbp-forums-list, .bbp-forums-list * {
      font-size: 12px !important;
      line-height: 18px !important;
      }

      let me know if it helps

      Om

      Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: