Metro theme: adding "Welcome Text" widget per B Gardner's code – help?

Community Forums Forums Design Tips and Tricks Metro theme: adding "Welcome Text" widget per B Gardner's code – help?

This topic is: resolved

This topic contains 28 replies, has 4 voices, and was last updated by  Jen Baumann 1 year, 5 months ago.

Viewing 15 posts - 1 through 15 (of 29 total)
  • Author
    Posts
  • #39277

    kay9
    Participant
    Post count: 45

    Hi, I’m trying to follow B Gardner’s tutorial here as to how to add a “Welcome Text” widget to a Genesis child theme (Metro, in this case).

    The code is easy enough, cut and pasted in as he said to do in the tutorial.

    BUT … the text of the welcome area widget is NOT responding to the CSS I have — it is defaulting to the “default” text (in both style AND in size). I want it to be in a larger size and font (Oswald, perhaps; which is the font for the theme’s headlines, yes?).

    Can someone tell me why the CSS isn’t working? I have looked at it with Firebug and still can’t figure out what change to the CSS I need to make to change the font for that widget area AND the size of the font for that widget area. Perhaps the tutorial will not work for the Metro theme?

    Thanks in advance for clues!

    The site is here. You can see the default font and font-size in the “welcome” widget area at the top of the front page.

    #39331

    braddalton
    Participant
    Post count: 10217

    Try this:
    [css]
    .welcome-text p {
    font-size: 24px;
    font-family: Georgia;
    line-height: 1.0;
    margin: 0;
    }
    [/css]

    What happens if you change this part of the code and add a font-family?
    [css]
    font-size: inherit;
    font-family: Georgia;
    [/css]


    #39336

    kay9
    Participant
    Post count: 45

    Thanks for the reply! Hmm, NOTHING happened. I just tried every combo I could think of!

    There must be something else going on here, and it’s too far above my pay grade to understand. :(

    #39353

    braddalton
    Participant
    Post count: 10217

    Sometimes the changes can take time to show up especially if you have server side caching.


    #39371

    kay9
    Participant
    Post count: 45

    Hm, no, nothing like that, I don’t think. I may try posting this on the thread at Brian’s website where he originally posted this tutorial, and see if he responds. Thank you though, for trying to help me! I do appreciate it very much. :)

    #39377

    AC
    Blocked
    Post count: 7712

    Brian included this CSS on that post. Did you add it to your style sheet? Maybe you overlooked this part, but it works just fine for me.

    [css]/* Welcome Text
    ———————————————————— */

    .welcome-text {
    border-bottom: double #ddd;
    border-top: double #ddd;
    font-family: ‘Lora’, serif;
    font-size: 30px;
    line-height: 1.0;
    overflow: hidden;
    padding: 25px 0;
    text-align: center;
    }

    .welcome-text p {
    font-size: inherit;
    line-height: 1.0;
    margin: 0;
    }[/css]

    #39378

    kay9
    Participant
    Post count: 45

    Nope, as I said above, I cut and pasted all, following his tutorial.

    #39379

    AC
    Blocked
    Post count: 7712

    Just looked at your code –

    You are missing the closing */ on the end here –

    [css][/css]/* Welcome Text
    ———————————————————— */[css][/css]

    #39380

    kay9
    Participant
    Post count: 45

    Ohh no, I have his code commented out just below my version of it! Above :)

    Just removed his version so it doesn’t confuse. Anything else going on that explains why it isn’t working?

    Thank you for trying! :)

    • This reply was modified 1 year, 5 months ago by  kay9.
    • This reply was modified 1 year, 5 months ago by  kay9.
    #39382

    AC
    Blocked
    Post count: 7712

    I think you have another conflict going on there. I am using this as a Demo site here and it’s working fine. I even tried to add my code to your site via Firebug and it’s not working. I would check your code in the function.php file character by character.

    #39383

    AC
    Blocked
    Post count: 7712

    Are you using any other plugins… maybe the Featured Widget Amplified?

    #39384

    kay9
    Participant
    Post count: 45

    I am using plugins, yep, but not that one. I’ll try checking the function.php code but I’m not much of a php person. Gah!

    #39386

    kay9
    Participant
    Post count: 45

    This is at the end of my functions.php file:

    `/** Add the welcome text section */
    add_action( ‘genesis_before_content_sidebar_wrap’, ‘custom_welcome_text’ );
    function custom_welcome_text() {
    genesis_widget_area( ‘welcome-text’, array(
    ‘before’ => ”,
    ) );
    }`

    #39387

    braddalton
    Participant
    Post count: 10217

    The code is wrong. It should be:
    [php]
    /** Add the welcome text section */
    add_action( ‘genesis_before_content_sidebar_wrap’, ‘custom_welcome_text’ );
    function custom_welcome_text() {
    genesis_widget_area( ‘welcome-text’, array(
    ‘before’ => ‘<div class="welcome-text widget-area">’,
    ) );
    }
    [/php]

    And make sure you also have the PHP to register the widget.
    [php]
    /** Register widget areas */
    genesis_register_sidebar( array(
    ‘id’ => ‘welcome-text’,
    ‘name’ => __( ‘Welcome Text’, ‘genesis’ ),
    ‘description’ => __( ‘This is the welcome text widget.’, ‘themename’ ),
    ) );
    [/php]

    Source http://www.briangardner.com/welcome-text-widget/


    #39388

    AC
    Blocked
    Post count: 7712

    I think the code they provided is right. They didn’t use the PHP code like you did.

Viewing 15 posts - 1 through 15 (of 29 total)

The topic ‘Metro theme: adding "Welcome Text" widget per B Gardner's code – help?’ is closed to new replies.