Welcome, Guest |
You have to register before you can post on our site.
|
Online Users |
There are currently 180 online users. » 0 Member(s) | 180 Guest(s)
|
Latest Threads |
P7 IGM Image Gallery Magi...
Forum: Project Seven
Last Post: bizpat (Patrice)
01-17-2025, 09:38 PM
» Replies: 3
» Views: 58
|
Availability
Forum: General coding information
Last Post: bizpat (Patrice)
01-09-2025, 10:35 PM
» Replies: 1
» Views: 82
|
To link to Omni Panel and...
Forum: Project Seven
Last Post: bizpat (Patrice)
01-04-2025, 06:57 PM
» Replies: 0
» Views: 30
|
FX Zoom Fix
Forum: Project Seven
Last Post: bizpat (Patrice)
01-04-2025, 06:51 PM
» Replies: 0
» Views: 28
|
Close panels on OMNI
Forum: Project Seven
Last Post: bizpat (Patrice)
01-04-2025, 06:48 PM
» Replies: 0
» Views: 28
|
Centering P7 Menus
Forum: Project Seven
Last Post: bizpat (Patrice)
01-04-2025, 06:46 PM
» Replies: 0
» Views: 25
|
Set Height of Slide Out P...
Forum: Project Seven
Last Post: I-CRE8
01-02-2025, 03:29 PM
» Replies: 0
» Views: 33
|
Flex Grid Magic (FGM) Col...
Forum: Project Seven
Last Post: I-CRE8
01-02-2025, 03:27 PM
» Replies: 0
» Views: 33
|
Change LBM Column Order O...
Forum: Project Seven
Last Post: I-CRE8
01-02-2025, 03:25 PM
» Replies: 0
» Views: 30
|
P7 - links to help files
Forum: Project Seven
Last Post: I-CRE8
01-02-2025, 03:22 PM
» Replies: 1
» Views: 76
|
|
|
FX Zoom Fix |
Posted by: bizpat (Patrice) - 01-04-2025, 06:51 PM - Forum: Project Seven
- No Replies
|
|
to keep zoomed images on top of others use this
/*
****************************
PVII Image Effects Magic
by Project Seven Development
www.projectseven.com
CSS Styles
*****************************
*/
img.p7IFX {
position: relative;
}
img.ifx-on {
z-index: 999;
}
|
|
|
Close panels on OMNI |
Posted by: bizpat (Patrice) - 01-04-2025, 06:48 PM - Forum: Project Seven
- No Replies
|
|
Create a button called CLOSE
Add to core.css
<!--custom -->
.opm-panel {position:absolute;left:-9000px;top:-9000px;overflow:hidden;visibility:hidden;width:100%;}
.opm-panel-wrapper {position:relative;overflow:hidden;}
.opm-panel-layout {position: relative;width: 100%;height: auto;}
and then on the page, depending on which panel will be the close, this is inline
this must be specific to the panels
example (to have panel 7 closed)
<style type="text/css">
#p7OPMpn_1_7,
#p7OPMpn_1_7 *
{
padding: 0;
}
#p7OPMpn_1_7 .opm-panel-content {
height: 0px;
}
</style>
|
|
|
Centering P7 Menus |
Posted by: bizpat (Patrice) - 01-04-2025, 06:46 PM - Forum: Project Seven
- No Replies
|
|
change this:
p7 centermenu
.p7AMM.amm-responsive li {
text-align: left !important;
display: block;
max-height: 700777px;
}
to this:
.p7AMM.amm-responsive li {
text-align: center !important;
display: block;
max-height: 700777px;
}
|
|
|
Set Height of Slide Out Panel (SOP) |
Posted by: I-CRE8 - 01-02-2025, 03:29 PM - Forum: Project Seven
- No Replies
|
|
The default height of the SOP panel is 100% of the browser window. You can over-ride this by setting a different height that is less than 100%. Add this style rule to the SOP style sheet. It uses the SOP id so that it over-rides the default width:
#p7SOP_1 {
height: 70%;
}
The height of the SOP will now be 70% of the browser window.
You can also add a top position to this rule if you want the (now shortend) SOP to be centered vertically. Just set the top position to 15% (one half of 30%) so the rule now looks like this:
#p7SOP_1 {
height: 70%;
top: 15%;
}
Note that you cannot, and should not, set the height greater than the height of the browser window. This will prevent full access to all of the overflowed content.
|
|
|
Change LBM Column Order On A Mobile Device |
Posted by: I-CRE8 - 01-02-2025, 03:25 PM - Forum: Project Seven
- No Replies
|
|
The easiest way to change the order of the LBM floated layout is to change the layout to CSS Grid for the mobile presentation. Then you can easily change the rendered order of any of the columns.
Add this style rule to the end of your exception style sheet:
@media only screen and (min-width: 0px) and (max-width: 700px) {
.lbm-col-wrapper {
display: grid !important;
}
.lbm-column:nth-child(1) {order: 2;}
.lbm-column:nth-child(2) {order: 1;}
.lbm-column:nth-child(3) {order: 3;}
}
This switches the layout to CSS Grid spec and sets the different order.
|
|
|
Availability |
Posted by: I-CRE8 - 12-05-2024, 04:24 PM - Forum: General coding information
- Replies (1)
|
|
Please delete if not allowed but the contract I have been working on for the last 6 years is finishing in January so I will be available for new projects for the first time in a while if anyone needs help with WebAssist or any other PHP based projects.
Thanks,
Dave Buchholz.
I-CRE8
|
|
|
|