Digital experiences for all disciplines
Forum Replies Created
-
Posted in: We hit Power Elite.
-
Support can probably answer this better, but the icons are a font, not an image. They don’t technically have a resolution, so I’m a bit confused about the question. You would put them in using something like:
[icon image="beaker" size="small" cont="yes/no"]
They come in 3 sizes, small, medium, and large, though I imagine you could custom code some css to make them even bigger.
A list of all of the icons can be found here: http://fortawesome.github.io/Font-Awesome/cheatsheet/
I should note too that the above code will make *everything* the same height, not just one row. I would suggest maybe for your situation, you move the pricing and the name of the package into the same box on the top row, then put the description in the next box down, then use the code I gave to adjust how far down the label column needs to be.
I’d also suggest taking a look at how your columns look when you scale the window of your browser smaller, as there’s some odd alignment going on there that my code could fix. 🙂
PS. Obviously you’re welcome to go about this project however you like. I’m just trying to make suggestions that will work within the theme. 🙂
I had success using this code for this. It’s a bit complicated, but it also addresses all the responsive stages. There’s four different height levels for the different responsive stages. You may find you don’t need that many, I’ve just included everything you may need. There’s also a way to adjust how far down (or up) the label column on the left hand side is, just incase something has gotten off. The heights don’t really mean anything in this yet. You’ll need to adjust them for your own code accordingly.
/* For screen widths over 1200px */
@media only screen and (min-width: 1200px)
{
/* This first line is optional. If playing with the heights of the other items somehow messes up where your pricing table row falls vertically, you can use this css to correct that. */
.labelled-pricing-table .pricing-table-column.label-column {margin-top: 100px !important;}
/* This line handles the label column on the left */
.labelled-pricing-table .label-column .pricing-table-label-row {max-height: 65px; height: 65px;}
/* Next line handles the highlighted rows */
.labelled-pricing-table .alt-row {max-height: 65px; height: 65px;}
/* Last line handles the */
.labelled-pricing-table .pricing-table-row {max-height: 65px; height: 65px;}
}/* For screen widths between 979 and 1200 */
@media only screen and (max-width: 1199px) and (min-width: 979px)
{
/* This first line is optional. If playing with the heights of the other items somehow messes up where your pricing table row falls vertically, you can use this css to correct that. */
.labelled-pricing-table .pricing-table-column.label-column {margin-top: 100px !important;}
/* This line handles the label column on the left */
.labelled-pricing-table .label-column .pricing-table-label-row {max-height: 65px; height: 65px;}
/* Next line handles the highlighted rows */
.labelled-pricing-table .alt-row {max-height: 65px; height: 65px;}
/* Last line handles the */
.labelled-pricing-table .pricing-table-row {max-height: 65px; height: 65px;}
}
/* For screen widths between 768 and 979 */
@media only screen and (max-width: 979px) and (min-width: 768px)
{
/* This first line is optional. If playing with the heights of the other items somehow messes up where your pricing table row falls vertically, you can use this css to correct that. */
.labelled-pricing-table .pricing-table-column.label-column {margin-top: 100px !important;}
/* This line handles the label column on the left */
.labelled-pricing-table .label-column .pricing-table-label-row {max-height: 65px; height: 65px;}
/* Next line handles the highlighted rows */
.labelled-pricing-table .alt-row {max-height: 65px; height: 65px;}
/* Last line handles the */
.labelled-pricing-table .pricing-table-row {max-height: 65px; height: 65px;}
}
/* For screen widths under 768 */
@media only screen and (max-width: 768px)
{
/* This first line is optional. If playing with the heights of the other items somehow messes up where your pricing table row falls vertically, you can use this css to correct that. */
.labelled-pricing-table .pricing-table-column.label-column {margin-top: 100px !important;}
/* This line handles the label column on the left */
.labelled-pricing-table .label-column .pricing-table-label-row {max-height: 65px; height: 65px;}
/* Next line handles the highlighted rows */
.labelled-pricing-table .alt-row {max-height: 65px; height: 65px;}
/* Last line handles the */
.labelled-pricing-table .pricing-table-row {max-height: 65px; height: 65px;}
}
This reply has been marked as private.No luck. I have no idea why it’s being so stubborn!
I tried a couple of the others I forgot to add the !important too as well, still no luck.
I think you have to make sure you include the code in a “code” tag. Otherwise the system recognizes it as you trying to make your post coded. ^-^
I had trouble finding this too, but it’s actually its own short code, separate from the other pricing table types. It’s called “Labelled Pricing Table” and is on the standard short code menu, not a subtype of the Pricing Tables. (see screenshot)
lol. No problem Friday was a slow day. XD
This reply has been marked as private.Hey! I didn’t make this or anything, but I’ve found this plug-in (called Duplicator) makes it easy (at least for me) to move a wordpress from one domain name to another, or from a local host to a live platform (or vice versa).
http://lifeinthegrid.com/labs/duplicator/
Not sure if that will help you at all, but good luck!
P.S. You do need to know your log-in and password for your tables. 🙂
You may also need to re-activate/install some plug-ins (though I was fine) and re-activate the flexform theme, but it saves all the changes, images, pages, and posts, etc. that you’ve made.
I could be wrong, but I think part of what you want is controlled by wordpress options, not Flexform. For example, if you put an image into a text box, when you hover ofer the image you get two icons that show up. One is a little “image” icon, the other is a little “delete” icon. If you click the “image” icon you’ll see the stuff for editing an image. You can set the size there (though if your text box is too small for the image, the image will scale down to fit.) You can also set the alignment of the image (left, right, center).
Not sure if that helps at all, but hopefully it does. 🙂
Hi! I believe that you change transitions on a slide by slide basis, so you can do different effects for each slide. You’d need to go to the Revolution plug in, find the slider you want to edit, and click the green “edit slides” button.
Pick whichever slide you want to change. On the page it pulls up, there is an option that is third from the top that says “Transition.” You can change how that slide come in there.
I’m not sure if there’s a way to change more than one at a time!
Disclaimer: I am not part of official support, just have done this bit myself. 🙂
No problem! Happens to me too!
May 17, 2013 at 8:39 pm in reply to: Most Recent Update (1.4.1) Causes images to leave their containers #5259Thank you so much!
In the admin panel, on the wordpress menu side bar there is a panel for the theme. Click that (I think it’s called “Theme Options”) Click “Header Options” > Turn off the “show translate aux option” “show subscribe aux option” “show cart aux option” “show account aux option” options.
I believe you can also do fun things there like switch the side the social icons are on.
A disclaimer: I’m not official support, but I just happened to know how to turn those off since I did it in mine. 😀
-
Posted in: We hit Power Elite.