5 icon boxes problem

Welcome Forums BigBangWP 5 icon boxes problem

This topic contains 19 replies, has 5 voices, and was last updated by  Brankic1979 3 years, 4 months ago.

Viewing 15 posts - 1 through 15 (of 20 total)
  • Author
    Posts
  • #308

    Shalkevich
    Participant

    Hi,

    I needed 5 icon boxes instead of 4. Entered custom javascript:

    jQuery(document).ready(function($) {
    $(“.grid.row4.services”).removeClass(“row4”).addClass(“row5”);
    });

    And now I have 5 icons but after 4th there is no dotted vertical line, it’s after 5th (where should be no line). Any way to correct that?

    Thanks!


      Quote
    #311

    Brankic1979
    Keymaster

    URL please?


      Quote
    #312

    Shalkevich
    Participant
    #319

    Brankic1979
    Keymaster

    Add this Extra JavaScript too

    
    jQuery(document).ready(function($) {
    $(".grid.row5.services").removeClass("last").addClass("last-row");
    $(".grid.row5.services li:nth-child(5)").addClass("last");
    });
    

    If this doesn’t work, please let me know…


      Quote
    #325

    Shalkevich
    Participant

    Unfortunately this doesn’t work, now I have back 4 columns.


      Quote
    #330

    Brankic1979
    Keymaster

    Hi,

    Check your first Extra JavaScript. You’ll see double quotes are not right

    
    you have to use " not “ or ″
    

      Quote
    #332

    Shalkevich
    Participant

    Sorry for that, after correction: I have 5 icons and line after 5th is gone, but still need line after 4th and on the bottom of 5th…


      Quote
    #347

    Brankic1979
    Keymaster

    Sorry again,

    This is the whole code you have to use (remove previous extra codes)

    
    jQuery(document).ready(function($) {
    $(".grid.row4.services").removeClass("row4").addClass("row5");
    });
    jQuery(document).ready(function($) {
    $(".grid.row5.services li").removeClass("last").addClass("last-row");
    $(".grid.row5.services li:nth-child(5)").addClass("last");
    });
    
    

      Quote
    #349

    Shalkevich
    Participant

    It’s working, many thanks!


      Quote
    #489

    mdsinva
    Participant

    Hi-
    In viewing a Portfolio Item, can you tell me how to change the link that the view all icon points to.

    Thanks-
    MDS


      Quote
    • This reply was modified 3 years, 12 months ago by  mdsinva.
    #492

    Brankic1979
    Keymaster

    Hi,

    In portfolio item editor, last Brankic Custom Field is what you need!

    Brankic Custom Field are below the editor.


      Quote
    #960

    jwelle2
    Participant

    Hi! I have approxymately the same problem.

    I needed 2 icons boxes instead of 4, but in my ”journal” page only.

    http://studiodecodesign.ca/journal-news/
    passwords : joelle ; riche

    How can I do this?

    thanks you very much for your time!


      Quote
    • This reply was modified 3 years, 11 months ago by  jwelle2.
    #967

    Brankic1979
    Keymaster

    Try this code

    jQuery(document).ready(function($) {
    $(“.page-id-37 .grid.row4.services”).removeClass(“row4”).addClass(“row5”);
    });
    jQuery(document).ready(function($) {
    $(“.page-id-37 .grid.row5.services li”).removeClass(“last”).addClass(“last-row”);
    $(“.page-id-37 .grid.row5.services li:nth-child(5)”).addClass(“last”);
    });

    ps: We don’t have style for 2 columns icon boxes. Only for 3, 4, 5 and 6 columns.


      Quote
    #971

    jwelle2
    Participant

    And what would be the code for 3 colums?!
    Thanks you for your Time!!


      Quote
    #1046

    jwelle2
    Participant

    Hi,

    I need 3 icon boxes instead of 4 in my ”journal” page only.

    http://studiodecodesign.ca/journal-news/

    passwords : joelle ; riche

    How can I do that !?

    Thanks you for your Time!


      Quote
Viewing 15 posts - 1 through 15 (of 20 total)

You must be logged in to reply to this topic.