• Resolved Superolli

    (@superolli)


    I use WordPress a CMS which means I do have quite a lot of pages. Unfortunately the size of the headers in the widgets are small and of same font color and font size. So noone can see a difference.

    How can I change the font size of depth_one and depth_two Links in the widgets?

    Regards

    Oliver

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hi Oliver – I took a look at your site kleinesonne.de – is that the one you need help with? I’m not sure I understand your goal, are you trying to make the widget headings (like “Themengebiete:”) larger?

    Thread Starter Superolli

    (@superolli)

    Kathryn, Thanks a lot for your very quick reply. Yes, it’s the site kleinesonne.de for which I require help.

    If you click on the first link below “Themengebiete”, the link with “Baby & Babypflege-Tipps”, further links to the second level pages appear, for example “Alkohol in der Schwangerschaft” – and they all look the same.

    I would like to have

    a) the second level links like “Alkohol in der Schwangerschaft” in a little differt color and
    b) the actual site in a further color.

    Is that possible with Css or otherwise?

    Let me know if you want me to add a Google Translation button ??

    Regards
    Oliver

    Moderator Kathryn Presner

    (@zoonini)

    Thanks for explaining more what you’re trying to do.

    What about something like this custom CSS? This will make the sub-items like “Alkohol in der Schwangerschaft” a different colour (of course you can use whatever colour code you like) and indent them slightly.

    a.depth_1 {
      color: #bb00bb;
      margin-left: 10px;
    }

    Screenshot: https://cloudup.com/ca6xbFP876C

    b) the actual site in a further color.

    I’m still not quite sure what you mean by “the actual site” – could you give me a real example of words that you want to target with a second colour?

    Moderator Kathryn Presner

    (@zoonini)

    p.s. Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    Thread Starter Superolli

    (@superolli)

    Kathryn, thanks a lot for your explanations. I will keep this theme for my “real” blogs like blog.kleinesonne.de, but for an intensively used CMS it does not really meet my personal requirements.

    Thanks for your patience!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Size and color of depth_2 and depth_2’ is closed to new replies.