-
Search Results
-
I've created a pricing table but want to remove the bullet points. I've used the following code and would really appreciate your advice on how to resolve this, as the CSS I use doesn't work:
HTML:
<div class="col-triple-container"> <div class="columns"> <ul class="price"> <li class="header">Collection One</li> <li class="grey">£1395</li> <li><strong>One Photographer</strong></li> <li>Coverage begins with pre-ceremony until you sit down for dinner</li> <li><strong>Add Extra coverage:</strong></li> <li>£200 - Include morning preparations</li> <li>£200 - Post-meal coverage until the first few dances in the evening</li> <li><strong>Included in the price:</strong></li> <li>Fabulous photos in our signature timeless style</li> <li>Typically 500+ individually edited watermark-free photos with full licence to print and share</li> <li>A 'sneak-peek' preview of a few photos within a week of your wedding</li> <li>Private online web gallery for viewing/sharing your photos and ordering prints</li> <li>Unlimited downloads of your photos - share with family and friends</li> <li>Minimum two-year online backup of your photos</li> <li class="grey"><a href="https://loveweddingphotosandfilm.co.uk/contact/" class="button">Check availability</a></li> </ul> </div> <div class="columns"> <ul class="price"> <li class="header" style="background-color:#04AA6D">Collection Two</li> <li class="grey">£1695</li> <li><strong>Two Photographers for the best coverage</strong></li> <li>Coverage begins with pre-ceremony until you sit down for dinner</li> <li><strong>Add Extra coverage:</strong></li> <li>£300 - Include morning preparations</li> <li>£300 - Post-meal coverage until the first few dances in the evening</li> <li><strong>Included in the price: as Collection One PLUS</strong></li> <li>'<a href="https://loveweddingphotosandfilm.co.uk/engagement-photography-offer/">Pre-wedding day photoshoot</a>' - experience a photoshoot before your wedding day</li> <li>One extra photopgrapher (2 in total)</li> <li>Typically 800+ individually edited watermark-free photos with full licence to print and share</li> <li><a href="https://loveweddingphotosandfilm.co.uk/luxury-wedding-albums/">£100 discount off any wedding album</a></li> <li class="grey"><a href="https://loveweddingphotosandfilm.co.uk/contact/" class="button">Check availability</a></li> </ul> </div> <div class="columns"> <ul class="price"> <li class="header">Collection Three</li> <li class="grey">£349 first hour then £300 per hour</li> <li><strong>Micro wedding/Elopement - One Photographer</strong></li> <li>Minimum booking 2 hours</li> <li>Available for off-peak micro weddings and elopements only</li> <li>Fabulous photos in our signature timeless style</li> <li>Typically 50+ individually edited watermark-free photos per hour of coverage, with licence to print and share</li> <li>A 'sneak-peek' preview of a few photos within a week of your wedding</li> <li>Private online web gallery for viewing/sharing your photos and ordering prints</li> <li>Unlimited downloads of your photos - share with family and friends</li> <li>Minimum two-year online backup of your photos</li> <li class="grey"><a href="https://loveweddingphotosandfilm.co.uk/contact/" class="button">Check availability</a></li> </ul> </div> </div>
CSS:
` .col-triple-container {
display: flex;
width: 100%;
}.col-triple {
flex: 1;
border-radius: 25px;
padding: 16px;
margin: 4px;}
/* If the browser window is smaller than 600px, make the columns stack on top of each other */
@media only screen and (max-width: 600px) {
.col-triple-container {
display: block;
width: 100%;
}}
.columns {
float: left;
width: 33.3%;
padding: 8px;
}.price ul li {
list-style-type: none;
border: 1px solid #eee;
margin: 0;
padding: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}.price:hover {
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}.price .header {
background-color: #111;
color: white;
font-size: 25px;
}.price li {
border-bottom: 1px solid #eee;
padding: 20px;
text-align: center;
}.price .grey {
background-color: #eee;
font-size: 20px;
}@media only screen and (max-width: 600px) {
.columns {
width: 100%;
}
}Added:
Ul li list-style-type: none
as below, expecting this to remove the bullet points, but no joy..price ul li { list-style-type: none; border: 1px solid #eee; margin: 0; padding: 0; -webkit-transition: 0.3s; transition: 0.3s; }
Award-winning wedding photographer in Scotland
Topic: Palette Pro Depreciated
I just tried to renew my Palette Pro plugin and discovered they stopped supporting it (and taking payments) right before Christmas. This has created an issue because I can't "save" my edits. I can make changes AND see the result BUT when I hit the save button, I get the "infinity circle" and nothing saves.
.
And yes, I know I can change themes BUT we're super happy with the one we're using.
.
Has anyone else encountered this issue? And does anyone know if they were selling a "universal" license that would work on different domains? My thought is maybe I can "buy a share" of a license that still working fine.
.
I'm open to any suggestions short of changing themes or editing CSS.
.
Oh, and I did email them this morning in case they have any suggestions.
.
J.For some reason when my site (which uses Monochrome Pro) first loads, the page is not applying CSS. I have to click refresh and then the page displays as expected. I have tried this in a couple of different browsers, and the issue persists in browsers that do not have a cache of the site, as well as when I try to load it in incognito mode. Can someone tell me what the issue is? I am pretty savvy with coding, but have not run into this particular issue before.
I have a hamburger menu that isn't working here: https://www.edisonhighfoundation.org
Tried removing all my custom CSS. Running the latest Genesis and Essence Pro themes
Someone point me in the right direction on this?
Hi all, it's been a while! I'm having an issue with a theme I bought years ago and heavily customised. It is the "Epik" theme, an an early version that didn't have the responsive hamburger menu.
I had the same issue with Magazine Pro but managed to created the javascript in the
/js/
folder, and then acquired the correct CSS.However, with Epik, it's not so easy. I have analysed a few forum discussions online such as this one https://appfinite.com/topic/genesis-responsive-menu-icon/.
I'm hoping there is just a plugin solution. I would like to have the hamburger menu kick in on the smartphone viewport, so 480px would be good width. After all these years, I'm sure the developer Wes has moved on, and support for the theme is probably dead.
I purchased the Pro Plus bundle back when it was on offer but never got around to working with many of the themes. So, hopefully, someone can resurrect some kind of tutorial or point me in the direction I need to go.
By the way, for the responsive menu javascript, I borrowed the exact same folder and files from Magazine Pro, which I hope would be universal for Genesis themes.
Here's what I have in
functions.php
://* Enqueue Scripts/Styles add_action( 'wp_enqueue_scripts', 'epik_enqueue_scripts_styles' ); function epik_enqueue_scripts_styles() { wp_enqueue_script( 'epik-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' ); wp_enqueue_style( 'dashicons' ); wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Open+Sans:300,400,700', array(), PARENT_THEME_VERSION ); }
Hello
I trying to narrowing the width of Magazine Pro. I was able to do this with some helpful code that I go of this forum which I am using in the Additional CSS. However, I can't quite fix the text in the main body which now almost touches the side bar text -see the attached screen shot: https://monosnap.com/file/dH5xpsVM5QDDyYeVk8xfbHy5jbSDlQ
Am hoping to get some guidance about how to fix - I have set out the code I am using in the Additional CSS below:
body, .entry-content p { font-size: 14.5px; }
.sidebar .widget-title { font-size: 15px; }
body {
margin: 0 auto;
width: 1000px;
}#inner {
width: 800px;
padding: 40px;
}
.content-sidebar #content-sidebar-wrap {
width: 950px;
}
.content-sidebar #content {
width: 740px;
}
.sidebar {
width: 240px;
}
.full-width-content #content {
width: 950px;
}.footer-widgets-1, .footer-widgets-3 {
width: 335px;
}
.footer-widgets-2 {
width: 340px;
}Hello
I trying to narrowing the width of Magazine Pro. I was able to do this with some helpful code that I go of this forum which I am using in the Additional CSS. However, I can't quite fix the text in the main body which now almost touches the side bar text -see the attached screen shot: https://monosnap.com/file/dH5xpsVM5QDDyYeVk8xfbHy5jbSDlQ
Am hoping to get some guidance about how to fix - I have set out the code I am using in the Additional CSS below:
body, .entry-content p { font-size: 14.5px; }
.sidebar .widget-title { font-size: 15px; }
body {
margin: 0 auto;
width: 1000px;
}#inner {
width: 800px;
padding: 40px;
}
.content-sidebar #content-sidebar-wrap {
width: 950px;
}
.content-sidebar #content {
width: 740px;
}
.sidebar {
width: 240px;
}
.full-width-content #content {
width: 950px;
}.footer-widgets-1, .footer-widgets-3 {
width: 335px;
}
.footer-widgets-2 {
width: 340px;
}
Welcome!
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.