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.