StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Change Welcome Text Size and Width in Ambiance Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Change Welcome Text Size and Width in Ambiance Pro

This topic is: resolved

Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 20, 2014 at 5:32 pm #134971
    nubloggie
    Member

    I want to make the text that displays in the Welcome Message widget larger and prevent it from breaking to a second line...
    The following CSS works, but it no longer displays properly on mobile devices...

    How can I properly implement the CSS changes below so they will also be properly responsive? I really only want these changes for full-sized computer monitors anyhow...I'm happy with the orig default settings for mobile.
    Thank you!

    .home .welcome-message .wrap {width: 1240px;}
.home .welcome-message h1{font-size: 3.6em;}

    http://bit.ly/1Arigoy password:welcome

    http://bit.ly/1Arigoy
    December 20, 2014 at 6:15 pm #134972
    anotherusername
    Participant

    It sounds to me like you are going to need to write media queries for your css.

    As long as you have

    .home .welcome-message .wrap {width: 1240px;}
    .home .welcome-message h1{font-size: 3.6em;}

    WITHOUT having media queries, then the text and the div it is in won't resize. The div will remain 1240 px while the h1 font size will still be 3.6em (which is pretty big).

    https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.