• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Header widget

Home › Community Forums › Legacy Theme Support › Header widget

Tagged: headache, header, header widget

  • This topic has 5 replies, 2 voices, and was last updated 8 years, 6 months ago by Wes.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 17, 2013 at 10:16 pm #9540
    tjd
    Customer

    Hi Wes,

    Awhile back I added padding to this widget as you suggested and it seemed ok. Later I needed some more room for text and I made a few more simple adjustments…but obviously something is amiss. I have avoided writing this for about 10 days as I’ve tried to fix it in every way. No luck though. If I add the widget but without content, the Header looks unchanged. If I add text, it appears as black font at about 16px. When I add html to change the font size or color back to white, the header corrupts and the entire screen turns red. I can have a pic in the widget and that’s fine, but when I add text to the right-aligned pic, the text sits further to the right then it used to. So I’ve left the empty widget there in case you decide to check it.

    I have only recently learned a little bit about viewing Source Code from the Develop Menu, and that is a little helpful…but I need to learn more. So, in lieu of never using the Header widget again, I’ve included the editor header info for you to quickly scan…

    If you can, please let me know if you see an obvious error that I can fix. Thanx Wes/Eric

    /* Header
    ———————————————————— */

    #header {
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
    }

    #header .wrap {
    margin: 0 auto;
    width: 100%;
    }

    #title-area {
    float: left;
    overflow: hidden;
    padding: 20px 0;
    width: 560px;
    }

    #title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 45px;
    line-height: 1.75;
    margin: 20px 0 0;
    }

    #title a,
    #title a:hover {
    color: #222;
    text-shadow: 2px 2px 4px #000;
    text-decoration: none;
    }

    #description {
    font: arial;
    font-size: 24px;
    font-style: italic;
    text-shadow: 2px 2px 4px #000;
    line-height: 30px;
    padding: 0 0 40px;
    }

    #header .widget-area {
    float: right;
    width: 250px;
    height: 150px;
    }

    #header .widget {
    margin: 20px 0;
    padding: 20px 0;
    overflow: hidden;
    }

    December 17, 2013 at 10:21 pm #9541
    Wes
    Moderator

    Do you have a link where this is taking place? Posting code here directly or a screenshot won’t be enough, I’d need a link in order to be able to see what’s going on if you can.

    Also, can you explain what you’re trying to do exactly? I’m a little confused. I read what all you wrote, but I’m not exactly sure what the issue is, or what you’re trying to do.

    December 17, 2013 at 10:28 pm #9542
    tjd
    Customer

    Gee Wes,

    So quik response… well right now I’d like the option of some image in the widget, but at this moment I’d just like to insert some encouraging message to visitors. I had both a pic + text in the Genesis image widget and I could html the text for size & color. Now I’ve lost that ability… really sorry to bother you with this.

    http://tomjdolan.com

    Thanx Wes

    ps/ site link looks weird!

    December 17, 2013 at 11:01 pm #9543
    Wes
    Moderator

    You mentioned you “lost that ability“…..are you saying your “Header Right” widget area isn’t working? That’s where you would add your image/content if you want it to appear in the header (for the right side). If you have added something there and it’s not showing, can you add it there again so I can take a look to see what’s going on?

    December 18, 2013 at 1:51 am #9545
    tjd
    Customer

    Hi Wes,

    OK, so now I am more then a bit embarrassed. Ever go to a doctor with a pain somewhere but by the time you got into the doctor’s office the pain was gone? So now, after a week of really difficult times with a distorted header, missing text and more… the Header is actually working now and I just don’t know why. I inserted an image-widget into the header widget and the image displayed correctly; then I added text into the widget and it didn’t distort the entire header which was happening; then I used html to change the text size & color and it also didn’t distort the header which happened yesterday again; then I removed the image-widget and replaced it with a text-widget and added html to change the text size & color and there it is sitting on my website and really Wes… I just don’t understand this at all. Things are settled down I guess…

    I really apologize because I’m not one to waste your time and I thank you for the time you’ve given to me. Now while I have your eyes here,

    I planned to upgrade Genesis to the latest version over the holidays when things get slow. I didn’t realize that there was a new version of Legacy until very recently. Is there any reason to upgrade my Legacy version to the latest version?

    Thank you Wes,
    Have an enjoyable Holiday Season and a successful New Year,

    Tom Dolan

    December 18, 2013 at 11:56 am #9549
    Wes
    Moderator

    You wouldn’t need to upgrade unless you want the HTML5 markup. You can still upgrade Genesis to the latest version, but if you want the HTML5 markup then you would have to upgrade.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2022 · Appfinite · Built With The Genesis Framework