Css Conundrum

This topic contains 4 replies, has 3 voices, and was last updated by  jahusdtc 6 years, 7 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #421955

    jahusdtc
    Expired Member
    Post count: 162

    I am trying to use the Fieldset idea (marvelous idea! It would make a great post for your blog…was written about in documentation, but I totally missed it until now!).

    So, I created fieldset of Video.
    I then added Video1 and Video2 custom fields.

    Works fantastically in editing and detail tabs!

    Where I run into a style problem is within the Edit page.

    I am having a problem understanding the CSS I need to put a box around the whole area, starting the color background box before the fieldset title of “Videos” and and ending after the custom field of Video 2.

    I already did similar box with CSS a custom logo field, but that was a single custom field, not a Fieldset PLUS 2 custom fields.

    (Think of below as color background box. See logo image for idea)
    ——————————————————–
    Videos

    Video 1
    Video 2

    ———————————————————

    Problem is…logo custom field is bounded by a Div.

    For that single custom field, I used the CSS of:
    /*EDIT – Box in General around Upload Fields*/
    div#geodir_company_logo_row,
    div#geodir_coupon_row{
    padding-left:8px!important;
    border-radius:5px!important;
    }

    /*EDIT LISTING – Box around entire LOGO Upload Field*/
    div#geodir_company_logo_row{
    // color:orange!important;
    background:yellow!important;
    border:solid 2px orange!important;
    }

    However, the fieldset setup for the Video is an H5 followed by two divs. I’d like whole thing to have single color.

    Any suggestions how to insert a div above and below this group so I can easily style it?

    Attached are logo with surrounding box of color.
    And hopeful fieldset area.

    #421958

    jahusdtc
    Expired Member
    Post count: 162
    This reply has been marked as private.
    #421969

    Guust
    Moderator
    Post count: 29970
    This reply has been marked as private.
    #422097

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    The section is currently not a wrapper item (that might change)
    But you might be able to do it with the next selector:

    
    
    h5#geodir_fieldset_50, 
    h5#geodir_fieldset_50 + div, 
    h5#geodir_fieldset_50 + div + div {
        background: red;
    }

    Stiofan

    #422835

    jahusdtc
    Expired Member
    Post count: 162

    Cute. Thank you very much. Appreciate it.

Viewing 5 posts - 1 through 5 (of 5 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount