Still hoping to find out how to create a gap between the cell and the section title...Original Post Feb.
---
Hi Everyone
I am refining the UI Theme for my organisation. The Navy Blue theme has been used as the base theme, and I just need to make a couple of tiny adjustments to the portlet title bar.
In the default theme, the sections on a page (or the portlets) seem to have no gap between the bottom of the cell and the next section.
I have added in a margin, for the portlet title, so that cells are not touching. (see below image).
Section in UI Theme:
/* The portlet title bar */
.ppm_portlet_title_bar,
.ppm_portlet_header_actions {
background-color: #B3C8DB;
background: linear-gradient( #B3C8DB, #92A6B8 );
background: -moz-linear-gradient(#B3C8DB, #92A6B8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B3C8DB), to(#92A6B8));
-pie-background: linear-gradient(#B3C8DB, #92A6B8);
border-bottom: 1px solid #aebdcb;
color: #001122;
margin-top:6px;
}
It looks like the options widget in the portlet title is still in the original position and I can't find the right location in the UI Theme to adjust. Can anyone advise which section I need to look at to also adjust or let me know if I should be doing something else?
Thank you.
Lina