stinkykong

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 117 total)
  • Author
    Posts
  • in reply to: Featured Posts wrapping to second line #130657

    stinkykong
    Participant
    Post count: 176

    There’s a lot I don’t know about how your organizing your widgets but you should be able to set your offset in your widget boxes 0 for one, 1 for another, and 2 for the remaining box. But again, that might not fit your organization so you might try these rules:

    #featured-post-4, #featured-post-4 .widget-1 {
    float: left;
    width: 100% !important;
    }

    #featured-post-4 .entry {
    float: left;
    width: 29.8246%; !important;
    }

    …not sure it the !important elements are really needed.


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

    in reply to: Featured Posts wrapping to second line #130637

    stinkykong
    Participant
    Post count: 176

    In your widgets panel, do you have a single widget for featured posts that is set to show three posts? If so, I would instead place three separate widgets for featured posts, each set to one post.


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

    • This reply was modified 3 weeks, 1 day ago by  stinkykong.
    • This reply was modified 3 weeks, 1 day ago by  stinkykong.
    in reply to: Changing Img size to allow text wrapping #130635

    stinkykong
    Participant
    Post count: 176

    maybe try:

    .images {
    float: left;
    min-width: 200px;
    }
    .zoom img {
    width: 80%;
    }

    I did that in Firebug and it seemed to get the text to wrap.


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

    in reply to: Please help me choose proper theme #127851

    stinkykong
    Participant
    Post count: 176

    I’m not really familiar with Weebly so I don’t know how much CSS knowlege you have under your belt. You’re asking for a custom theme which you can learn to do with enough patience or hire to someone else.

    I might look at the Sixteen Nine theme here at Studio press. Using the full-width layout approaches what you describe:

    http://my.studiopress.com/themes/sixteen-nine/#demo-full

    The classy look would need to be tweaked to your liking by changing some background color and text color rules. You might want to center the content rather than left align. These things could be done with CSS in your style.css file.

    Here’s a little customization (screenshot) as an example:
    http://websentia.us/testImages/Screen%20Shot%202014-10-15%20at%206.18.08%20AM.png


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

    • This reply was modified 1 month, 2 weeks ago by  stinkykong.
    • This reply was modified 1 month, 2 weeks ago by  stinkykong.
    in reply to: Footer in Executive #127850

    stinkykong
    Participant
    Post count: 176

    Currently your footer reads, “Copyright © 2014 Amtril” which indicates you have customized this already in a way that works. If you need help to change what is there now, I would use the Genesis Simple Edits plugin which adds a tab in the admin area under “Genesis” along with “Theme Settings” and all. With Genesis Simple Edits, you can replace the current content with HTML markup and also take advantage of Genesis’ list of shortcodes.

    If you want to add content in the “Footer Widgets” area, which you are currently not using in your site, you could add a text widget to the Footer One area in Appearance/Widgets (if your language is set to English) and in style.css change your .footer-widgets-1 width to 100% or maybe just a tad less.

    This would add widgetted content above your current footer on every page.


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

    in reply to: Javascript help needed for sizing divs to viewport #126247

    stinkykong
    Participant
    Post count: 176

    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: 176

    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: 176
    in reply to: How To Remove Footer Text #118185

    stinkykong
    Participant
    Post count: 176

    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: 176

    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 4 months, 3 weeks ago by  stinkykong.
    • This reply was modified 4 months, 3 weeks ago by  stinkykong.
    in reply to: How To Remove Footer Text #113674

    stinkykong
    Participant
    Post count: 176

    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: 176

    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 4 months, 3 weeks ago by  stinkykong.
    • This reply was modified 4 months, 3 weeks ago by  stinkykong.
    in reply to: How to make a gradient color in the Nav Menu #113095

    stinkykong
    Participant
    Post count: 176

    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: 176

    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 5 months ago by  stinkykong.
    • This reply was modified 5 months ago by  stinkykong.
    in reply to: Executive Pro: Different color scheme for secondary NAV #109490

    stinkykong
    Participant
    Post count: 176

    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

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