Changing Subtitle size on Sorbet Theme

  • Unknown's avatar
    thomasengst · Member ·

    Good day to you, let mestart this stormy german morning with a simple questio, which isn’t simple for me. How can I change the size of the text underneath the blogtitle? I want the letters of “Naturschutz-weil’s wichtig ist” a bit bigger.

    Thx,
    Thomas

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

  • staff-happychia · Staff ·

    It is currently invisible :-) but measures 0.83333 em which translates to 15px. It is not really big.

    Add the this style and change the font-size as you wish: 

    h2.site-description {
font-size: 0.83333em;
}
  • Unknown's avatar
    thomasengst · Member ·

    thx, now it is perfect. Just one question: it is possible to implement a “to the top”-arrow, which scrolls at the top of the blog when I click it? Maybe like this one on http://www.naturgeblogt.de?

    Greetings

  • staff-happychia · Staff ·

    We cannot achieve the exact thing happening on the http://www.naturgeblogt.de . That effect – of arrow appearing as we scroll – requires some Javascript, which is not allowed on WordPress.com for security reasons.

    We can add a text widget with the following html and use CSS to fix it somewhere on the screen:

    <a href="#" title="Back to top">Back to top</a>

    This will always be there on the screen at the specified position. For e.g.:

    aside#text-16 {
    position:fixed;
    top: 586px;
}
  • Unknown's avatar
    thomasengst · Member ·

    thx for your help, you did a great job. Have a nice day.

    Thomas

  • staff-happychia · Staff ·

    You are welcome :-)

    Have you got the CSS upgrade on your account? We can use CSS to fix the position of the widget to make it always visible even if we scroll the page down.

  • Unknown's avatar
    thomasengst · Member ·

    Yes I purchased the WP Premium Upgrade.

  • staff-happychia · Staff ·

    Cool, try this.

    aside#text-2 {
    position:fixed;
    bottom:0px;
    right:100px;
}

    This will make the widget fixed (widget does not move with scroll) at the bottom right corner of the page.

    You can even try something fancy.

    1. Remove the title (To the Top) of the current text widget.

    2. Add the following markup.

    <a href="#" title="Back to top">
  <img src="https://chaittestpress.files.wordpress.com/2015/01/1420937489_arrow56-128-e1420916359201.png">
</a>

    3. Use the above CSS to fix the widget position.

    What this results in is: a fixed, upward pointing arrow at the bottom right of the screen.

    Once you decide to go with this, download a up arrow image you would like from Google, and replace the url in step #2 above.

    Please try and let me know if something is not clear.

  • Unknown's avatar
    thomasengst · Member ·

    Good day to you,
    everything is fine, thx. Please allow me another question. How Can I chanege the color of the black button whicht starts a search within my blog after clicking the search-icon?

    Greetings.

  • staff-happychia · Staff ·

    Change green to any color code you wish. 

    input.search-submit {
    background: green;
}

    By the way, I can’t see “To the top” widget. Where is it?

  • Unknown's avatar
    thomasengst · Member ·

    You Can’t See it Causa it is not in use. The Code works well but it slides over the other widgets, so I disabled it.

  • staff-happychia · Staff ·

    Oops, you can adjust the position attributes right and bottom so it does not overlap with other elements.

    aside#text-2 {
    position:fixed;
    bottom:0px;
    right:100px;
}
  • Unknown's avatar
    thomasengst · Member ·

    Thanks, it is able to change the mouse-over color of the “search”-button?

  • staff-happychia · Staff ·

    This style changes the hover color for search button:

    input.search-submit:hover {
    background-color:green;
}
  • The topic ‘Changing Subtitle size on Sorbet Theme’ is closed to new replies.