stinkykong

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 112 total)
  • Author
    Posts
  • in reply to: Javascript help needed for sizing divs to viewport #126247

    stinkykong
    Participant
    Post count: 165

    Found the answer with this tweak on the script:

    (function($) {
      function setHeight() {
        windowHeight = $(window).innerHeight();
        $('.slider').css('min-height', windowHeight);
      };
      setHeight();
    
      $(window).resize(function() {
        setHeight();
      });
    }(jQuery));
    

    plus this rule in CSS

    .divInQuestion {
    height: 100vh !important;
    }

    With that div positioned ‘relative’ and any div inside it positioned ‘absolute’, the scrolling button can always be placed at the bottom of the viewport while the containing div fills the viewport.

    Thanks to Jeremy Church for his help.
    https://j.eremy.net/set-element-height-to-viewport/


    Web Design by Websentia Web Services
    http://websentia.com

    in reply to: widgets and staying on my website #125890

    stinkykong
    Participant
    Post count: 165

    can you change this

    <a href=”https://secure.ttpurchase.com/8BD2AE81-1E0B-90B3-0E93E9C38425CDEA”>

    to this

    <a href=”https://secure.ttpurchase.com/8BD2AE81-1E0B-90B3-0E93E9C38425CDEA” target="_blank">

    ?


    Web Design by Websentia Web Services
    http://websentia.com

    in reply to: widgets and staying on my website #125879

    stinkykong
    Participant
    Post count: 165
    in reply to: How To Remove Footer Text #118185

    stinkykong
    Participant
    Post count: 165

    You have to select the checkbox that reads “Modify Entire Footer Text (including markup)?” and enter any HTML you want. Shortcodes are recognized and a list of Genesis shortcodes can be found here: http://my.studiopress.com/docs/shortcode-reference/

    You can style any divs you enter to have the widths, floats, text-alignment, etc using style.css


    Web Design by Websentia Web Services
    http://websentia.com

    in reply to: How To Widen Agency Theme And Still Be Responsive #113675

    stinkykong
    Participant
    Post count: 165

    First save style.css as styleBAK.css as a backup, then in work in style.css.
    There’s more to it that just this, but to begin I’d add a rule just above the @media queries in style.css, something like:

    #wrap {
    width: 100%;
    max-width: 1320px;
    }
    .content-sidebar #content, .sidebar-content #content {
    max-width: 900px;
    width: 100%;
    }

    you’ll have to rewrite widths, floats, text-aligns, etc. for various screen sizes, too.

    BTW, your other person’s example uses Epik by AppFinite so there aren’t any example rules to follow since it’s a very differently organized theme.
    But that’s one way, maybe there’s a better way.


    Web Design by Websentia Web Services
    http://websentia.com

    • This reply was modified 2 months, 3 weeks ago by  stinkykong.
    • This reply was modified 2 months, 3 weeks ago by  stinkykong.
    in reply to: How To Remove Footer Text #113674

    stinkykong
    Participant
    Post count: 165

    I use the plugin Genesis Simple Edits which allows you to rewrite any HTML in the footer you want. Very handy.


    Web Design by Websentia Web Services
    http://websentia.com

    in reply to: Removing border from Genesis Responsive Slider #113195

    stinkykong
    Participant
    Post count: 165

    try changing

    .site-inner {
    box-shadow: 0 0 0 1px #fff;
    }

    to this

    .site-inner {
    box-shadow: 0 0 1px #fff;
    }

    I would also double-check all your images, check their edges for white pixels, check their dimensions and be sure they are in agreement with the slider settings.


    Web Design by Websentia Web Services
    http://websentia.com

    • This reply was modified 2 months, 3 weeks ago by  stinkykong.
    • This reply was modified 2 months, 3 weeks ago by  stinkykong.
    in reply to: How to make a gradient color in the Nav Menu #113095

    stinkykong
    Participant
    Post count: 165

    you might try:

    .genesis-nav-menu {
    background: -webkit-linear-gradient(0deg, #000, #0f0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(0deg, #000, #0f0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(0deg, #000, #0f0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, #000, #0f0); /* Standard syntax (must be last) */
    }

    adjust your colors as needed and for more complex options, see: http://www.w3schools.com/css/css3_gradients.asp


    Web Design by Websentia Web Services
    http://websentia.com

    in reply to: Nav bar customization in Centric #111476

    stinkykong
    Participant
    Post count: 165

    Thanks, Robin. I have (or had) two similar nav bars, trying to get either to do what I needed. I actually just figured out a solution and am still putting some finishing touches on it. Using javascript, actually the same javascript that adds a new class to .site-header, to add a new class to .nav-primary which I called .downBoy. I changed the position of .nav-primary to fixed and adjusted its top value with and without the added class of .downBoy.

    It’s working somewhat and getting better as I go.

    Thanks

    $(window).scroll(function () {
    	  if ($(document).scrollTop() > 1 ) {
    	  if ($(document).scrollTop() > 1 ) {
    	    $('.nav-primary').addClass('downBoy');
    	  } else {
    	    $('.nav-primary').removeClass('downBoy');
    	  }	  
    	});

    Web Design by Websentia Web Services
    http://websentia.com

    • This reply was modified 3 months, 1 week ago by  stinkykong.
    • This reply was modified 3 months, 1 week ago by  stinkykong.
    in reply to: Executive Pro: Different color scheme for secondary NAV #109490

    stinkykong
    Participant
    Post count: 165

    It’s a little confusing to understand which menu you mean by primary and which by secondary. The header menu has an ID of “menu-primary” while the lower menu has a CLASS of “nav-primary”, an ID of “menu-secondary” and a CLASS of “menu-primary”. They each have a CLASS of “genesis-nav-menu” and that’s what you’re currenlty using to style each.

    So you could leave that confusion as it is…just knowing it might haunt you later. You style the lower menu separately, (for instance, remove the image) by adding a rule like:

    #menu-secondary {
    background-image: none;
    }

    Maybe this will get you started.


    Web Design by Websentia Web Services
    http://websentia.com

    in reply to: Integrating Animation on Magazine theme #109413

    stinkykong
    Participant
    Post count: 165

    I’m not the developer you describe but you might consider the Layer Slider plugin which comes with a widget to place in any sidebar or widgetted area. It uses a WYSIWYG interface. Only basic HTML is ever needed.


    Web Design by Websentia Web Services
    http://websentia.com

    in reply to: CSS Help – Parallax Pro Theme #108730

    stinkykong
    Participant
    Post count: 165

    The rule that spaces these sections is:

    home-even, .home-odd {
    clear: both;
    font-size: 28px;
    overflow: hidden;
    padding: 190px 0 200px;
    text-align: center;
    }

    somewhere around line 1101 of style.css

    Change the padding values eg:

    padding: 50px 0 50px;


    Web Design by Websentia Web Services
    http://websentia.com

    in reply to: Search return box changes #108421

    stinkykong
    Participant
    Post count: 165

    you could work with the following, add this just before your @media queries in style.css. I think it will work to change the background to white and text to black:

    .archive-description h1, .author-box h1 {
    color: #000000;
    }
    .archive-description, .author-box {
    background-image: none;
    background-color: #fff;
    color: #000000;
    }


    Web Design by Websentia Web Services
    http://websentia.com

    in reply to: Genesis themes on WordPress VIP #106483

    stinkykong
    Participant
    Post count: 165

    I don’t understand the whole WP.COM thing at all. WPVIP seems to be for the seriously minded or at least those with a hefty budget, but philosophically the antithesis of WP.ORG…… the Anti-Press, no?

    I would be lost without you folks. In the other environment, I’d probably be lost and alone.


    Web Design by Websentia Web Services
    http://websentia.com

    in reply to: Site Redo with Agency Pro #105879

    stinkykong
    Participant
    Post count: 165

    Photoshop works fine for this. Place or open the image in Photoshop. Create two new layers that will be above (i.e., on top of) the photo. Select one of the new layers, and you can either draw a rectangle (which you’d do in Illustrator), or you could use Photoshop’s Paint Bucket tool to fill the entire frame with color. On one of you layers use full black (#000000) while in the other layer, use full white (#FFFFFF), then adjust the opacity which in Photoshop is in the layer’s palette (at least in my version CS4). 0% lets your image show through fully and increasing the %-age either darkens or lightens, makes richer or brighter.


    Web Design by Websentia Web Services
    http://websentia.com

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