Widget font size in RYU theme

  • Unknown's avatar
    mkmacphee · Member ·

    Hi

    I need some help with the Ryu theme.

    1.My widget title font is very small. I’m not sure how that happened other than I changed the size of the blog title font. I would like to make it bigger but don’t know the CSS.

    2. Also I am thinking of adding a “read more” tag in every post but the latest one. Is there a way to italicize the “continue reading” link that shows up in the post?

    Thanks for your help!
    Kathie MacPhee

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

  • Unknown's avatar
    hallluke · Member ·

    Add the following to your existing custom CSS rules and you should be good to go!

    .wf-active .widget-title {
  font-size:2rem;
}

a.more-link {
  font-style:italic;
}
  • Unknown's avatar
    mkmacphee · Member ·

    That worked perfectly – thanks!

    And now another issue as I’m learning CSS. This is the first time I’ve bought the upgrade so I’m on a steep learning curve.

    I’d like to make my images larger in the RYU theme – not as large as the featured image but larger in the main post. I searched for a forum thread addressing that issue but couldn’t find one.

    Thanks again
    Kathie

  • Unknown's avatar
    designsimply · Member ·

    The CSS in the Ryu theme sets a max-width of 696px and limits that to large screens like on a desktop or laptop computer. You can override that with two steps in Custom Design on WordPress.com.

    First, add this to your Appearance > Customize > CSS editor:

    @media screen and (min-width: 1320px) {
	.entry-content, .entry-summary {
		max-width: 960px;
	}
}

    It expands the max-width to 960px but only for large screens (that’s what the @media line is for) so that the responsive design won’t get messed up on smaller screens like phones and tablets.

    Next, update the Content Width setting in the Appearance > Customize > CSS panel (just under the editor) to the same max-width you put in your custom CSS (the example above uses 960).

    After that, if you spot some images that are too small, then they were probably inserted at a fixed width instead of full width or the HTML for the image was adjusted manually for some reason and the image would need to be removed and re-inserted from the media library in the post. You probably won’t run into that problem though. :)

  • Unknown's avatar
    mkmacphee · Member ·

    Super helpful – thanks!! I didn’t even think of the implications for the responsive design.

    I set it for 900 – and I like the look. I actually had to reinsert a couple of images in the first post – the ones that I had added a caption – they didn’t shift to the new size. But the rest changed seamlessly.

    Thanks so much!

    Kathie

  • Unknown's avatar
    designsimply · Member ·

    Looks great!

  • The topic ‘Widget font size in RYU theme’ is closed to new replies.