Riavon

Forum Replies Created

Viewing 15 posts - 76 through 90 (of 102 total)
  • Author
    Posts
  • in reply to: Stretch Theme: Responsive Background Image #7291

    Riavon
    Participant
    Post count: 95

    Ugh! This is a screenshot what it’s testing for me.

    What text is the footer covering? Is there any way you can share screenshots of what’s happening?


    Twitter: @riavonentprises

    in reply to: Stretch Theme: Responsive Background Image #7279

    Riavon
    Participant
    Post count: 95

    Thanks! Ok, I’ve taken some time to examine your site. Sorry I can’t be more help, but I don’t have the Stretch theme, so only after digging through your site’s source code I realized that it seems that bg image (of the little girl) is generated by a script in the theme itself, rather than by your main stylesheet CSS.

    <script type=’text/javascript’>
    /* <![CDATA[ */
    var BackStretchImg = {“src”:”http:\/\/mediacreationsgroup.com\/wptraining\/wp-content\/uploads\/2007\/03\/MP900402059.jpg”};
    /* ]]> */
    </script>

    So, I’m a bit at a loss how to shrink that image down to fit smartphone screens unless you do some work in the CSS (along the lines of what I posted above) pertaining to that script.

    I did notice that your content area (the “About” text block) gets rather “squished” at phone width, and this can be easily remedied if you do the following to your style.css

    In your style sheet at line 1490 under your

    /* iPhones (portrait and landscape) ———– */

    @media only screen and (max-width: 480px)

    Add this:

    #content-sidebar-wrap {
    float: left;
    width: 100%;
    }

    Make sure you add this within the open/close brackets for the @media styles.

    As far as the footer, in my experience the Genesis child themes will push that footer down once content is added to the pages. If you don’t intend to add much content to the pages then you can try adding this to your style.css in the #footer div

    position:absolute;
    width:100%;
    bottom:0;

    So it would be:

    #footer {
    background-color: #111;
    clear: both;
    overflow: hidden;
    padding: 24px 0;
    padding: 1.5rem 0;
    text-align: center;
    position:absolute;
    width:100%;
    bottom:0;
    }


    Twitter: @riavonentprises

    in reply to: Viewing education theme on ipad/mobile #7270

    Riavon
    Participant
    Post count: 95

    I’m confused. You don’t want the site to be responsive, and removed the responsive code, yet you don’t understand why you can’t see the full width of the content on your ipad? The responsive code is what makes the site render correctly on mobile devices.


    Twitter: @riavonentprises

    in reply to: Stretch Theme: Responsive Background Image #7268

    Riavon
    Participant
    Post count: 95

    Hi Anita, I can’t see your site link because it requires a login, but I use the following when I want a responsive background. Maybe this is something that can help you?

    /* Scaled BG image style source: http://css-tricks.com/3458-perfect-full-page-background-image/ */

    html, body {
    background: url(images/bg.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
    }

    @media screen and (max-width: 1024px) { /* Specific to this particular image */
    img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
    }
    }

    /* End scaled bg img style ——————————– */


    Twitter: @riavonentprises

    in reply to: ClipArt Header #7065

    Riavon
    Participant
    Post count: 95

    I don’t know what you want your header to actually be, since now it is just a lavender colored block… but you can make the background color to match that lavender for #header .wrap

    #header .wrap {
    background: url(“images/bg-dotline.png”) repeat-x center bottom #9299cd;
    margin: 0;
    padding: 0;
    width: 100%;
    }

    Screenshot of what that looks like here: http://tinypic.com/r/1677bkn/6


    Twitter: @riavonentprises

    • This reply was modified 1 year, 11 months ago by  Riavon. Reason: added link to screenshot
    • This reply was modified 1 year, 11 months ago by  Riavon. Reason: added link to screenshot
    in reply to: ClipArt Header #7000

    Riavon
    Participant
    Post count: 95

    Try this:

    #header .wrap {
    background: url(“images/bg-dotline.png”) repeat-x center bottom transparent;
    margin: 0;
    padding: 0;
    width: 100%;
    }

    .header-full-width #title-area,
    .header-full-width #title,
    .header-full-width #title a {
    float: none;
    height: 150px;
    margin: 0 auto;
    width: 1340px;
    }

    .header-image #header #title-area {
    background: url(“http://itsacharmedworld.com/wp-content/uploads/2012/12/cropped-header-test.jpg”) no-repeat 50% 0 transparent;
    display: block;
    float: none;
    height: 150px;
    margin: 0 auto;
    padding:0;
    width: 1060px;
    }

     

    Sorry @Ozzy looks like we were both posting at the same time!


    Twitter: @riavonentprises

    • This reply was modified 1 year, 11 months ago by  Riavon. Reason: acknowlege Ozzy
    • This reply was modified 1 year, 11 months ago by  Riavon. Reason: acknowlege Ozzy
    in reply to: How to create a &quot;hanging logo&quot; in 1.8+ #6992

    Riavon
    Participant
    Post count: 95

    Hi,

    You can try adding this to your functions.php file, set the dimensions to the size of the logo you’ll use:

    /** Add support for custom header */
    add_theme_support( ‘genesis-custom-header’, array( ‘width’ => 960, ‘height’ => 100 ) );

    That should generate an area in your Dashboard under Appearance/Header where you can upload an actual image file. Does that help you?

    EDIT: Woops, after reading through this entire thread, I see that it was suggested that you remove this from your functions.php …


    Twitter: @riavonentprises

    • This reply was modified 1 year, 11 months ago by  Riavon. Reason: clarification
    • This reply was modified 1 year, 11 months ago by  Riavon. Reason: Correction
    • This reply was modified 1 year, 11 months ago by  Riavon. Reason: clarification
    • This reply was modified 1 year, 11 months ago by  Riavon. Reason: Correction
    in reply to: Drop Down Menu Item Disappears on Hover #6919

    Riavon
    Participant
    Post count: 95

    OH. So, this issue has already been resolved. Which is why it’s working. Too bad there is no way to mark threads as resolved and “close” or “lock” them from further replies. I just assumed that because the last post said “that did not fix the problem” that the problem was not fixed. Apparently, it was. In another thread. I guess I should know better that of course Susan and Anita will have it covered. I’m sorry for butting in.


    Twitter: @riavonentprises

    in reply to: Drop Down Menu Item Disappears on Hover #6915

    Riavon
    Participant
    Post count: 95

    Hope you don’t mind me butting in here? I was curious, so I went to your link and tested your nav menu. The dropdown/hover and click on your “Services” link seems to be working just fine for me when viewed on a PC/Win8 using the latest versions of Firefox, Chrome and IE.

    Screenshot

    I’m thinking that this could possibly be a browser issue on your end of things, perhaps? Have you asked others (friends, colleagues) to test the page/nav dropdown issue on their computers/browsers/settings  for you?


    Twitter: @riavonentprises


    Riavon
    Participant
    Post count: 95

    Try to declare your widths in your @media calls as percentages rather than fixed widths. For example, rather than:

    @media only screen and (max-width: 320px) {
    ul.menu-primary {
    max-width: 270px;
    }

    Try instead:

    @media only screen and (max-width: 320px) {
    ul.menu-primary {
    width: 98%;
    }

    You may need to make adjustments to the actual percentage amount once you test it on your iphone, such as 99%, or perhaps it looks better at 95%, but if you declare this rule as a percentage rather than as a fixed width, I have a feeling it will render better for you on the smartphone. Again… without my having any direct access to the device, this is something I simply suggest you give it a shot. :) Let me know.


    Twitter: @riavonentprises


    Riavon
    Participant
    Post count: 95

    Ugh! Weird. And, frustrating!


    Twitter: @riavonentprises

    in reply to: Widget headline as link #6786

    Riavon
    Participant
    Post count: 95

    I see. You wish to create a custom link to a category archive page. Sorry for my misunderstanding. I should know better, if @nickthegeek says no, that means no! :) His suggestion is a good one. At least until WP allows us to put custom links in our widget titles. :)


    Twitter: @riavonentprises

    in reply to: Photos to thumbnails since new WP version update – Help? #6777

    Riavon
    Participant
    Post count: 95

    Just thought of something. Check your size settings for size “Medium” under Settings/Media. What you set here determines the maximum dimensions in pixels an image will render an image in the body of a post.


    Twitter: @riavonentprises

    in reply to: Photos to thumbnails since new WP version update – Help? #6775

    Riavon
    Participant
    Post count: 95

    I don’t think so. Regenerate works automatically on it’s own once you set it in motion. The only suggestion I can make is to ensure that you’ve cleared your browser cache then re-load your page. If I think of anything else, I’ll be sure to post it here for you. Sorry I wasn’t able to help. It was a bit of a stab in the dark…but figured it was worth a shot.


    Twitter: @riavonentprises


    Riavon
    Participant
    Post count: 95

    Ok, well the only other thing I can suggest to you is to go through all of your @media styles and make adjustments. I tested your site for the iPhone on Offermobi and it rendered nicely according to their test. I wish you all the best of luck. And, if I think of anything else, I’ll be sure to post it here for you. Sorry I couldn’t help you!


    Twitter: @riavonentprises

Viewing 15 posts - 76 through 90 (of 102 total)