Forum Replies Created
-
Posts
-
Genesis Simple Edits plugin. https://wordpress.org/plugins/genesis-simple-edits/
I "used" to use a very popular calendar plugin (All in One)...which went to pieces and is now junk. Found this one and now I use it on ALL my websites:
It allows setting events, recurring events, categories (colors), and google map. You can also import events with their CVS add-on.
It's Free. They do have a paid version. I believe if you are selling event tickets, or allowing sign-ups..the paid version is what you want.
The support for this plugin has been excellent.
Line 1892 of your .css
.navigation-container {
background-color: #fff;
border-bottom: 1px solid #102c59;
border-top: 1px solid #102c59;
margin-bottom: 98px;
margin-top: -170px;
min-height: 70px;
}Using "inspect element" pulls up the .css and you highlight the area you want.
You can play with the color, or transparency..for your menu and sub menu.
Here, added is an image (your background) to the menu. You can use the image to set the background,
or you can use colors...or no color (transparent opacity). Use inspect element to see what works. Your
code to look at is in the "MENUS" section of your .css.You an cut and paste the below EXAMPLE to your theme .css in inspect element without danger of changing your actual .css.
05 Menus ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; overflow: hidden; } #header .genesis-nav-menu { float: right; margin-top: 10px; margin-top: 0.625rem; width: auto; } .genesis-nav-menu.menu-primary, .genesis-nav-menu.menu-secondary { border-bottom: 1px solid #222; } .genesis-nav-menu ul { float: left; width: 100%; } .genesis-nav-menu li { display: inline-block; float: left; list-style-type: none; text-align: left; } .genesis-nav-menu a { display: block; padding: 24px 20px; padding: 1.5rem 1.25rem; position: relative; } .genesis-nav-menu li.highlight-menu-item { margin-left: 20px; margin-left: 1.25rem; } .genesis-nav-menu .highlight-menu-item a { background-color: #222; } .genesis-nav-menu .highlight-menu-item a:hover { background-color: #222; } .genesis-nav-menu li li a, .genesis-nav-menu li li a:link, .genesis-nav-menu li li a:visited { background-image: url('http://www.abbymalonephoto.com/wp-content/uploads/2016/07/2016©HeatherMichelle_ClassicalRemixed_PaintingsHeavyAndGrayabby7-e1469984491977.jpg'); border: 1px solid #222; border-top: none; padding: 20px; padding: 1.25rem; position: relative; width: 160px; } .genesis-nav-menu li a:hover, .genesis-nav-menu li li a:hover { background-image: url('http://www.abbymalonephoto.com/wp-content/uploads/2016/07/2016©HeatherMichelle_ClassicalRemixed_PaintingsHeavyAndGrayabby7-e1469984491977.jpg'); } #header .genesis-nav-menu li a:hover { background-image: url('http://www.abbymalonephoto.com/wp-content/uploads/2016/07/2016©HeatherMichelle_ClassicalRemixed_PaintingsHeavyAndGrayabby7-e1469984491977.jpg'); } .genesis-nav-menu li ul { left: -9999px; position: absolute; width: 202px; z-index: 99; } .genesis-nav-menu li ul ul { margin: -59px 0 0 201px; } .genesis-nav-menu li:hover ul ul, .genesis-nav-menu li.sfHover ul ul { left: -9999px; } .genesis-nav-menu li:hover, .genesis-nav-menu li.sfHover { position: static; background-image: url('http://www.abbymalonephoto.com/wp-content/uploads/2016/07/2016©HeatherMichelle_ClassicalRemixed_PaintingsHeavyAndGrayabby7-e1469984491977.jpg'); } ul.genesis-nav-menu li:hover>ul, ul.genesis-nav-menu li.sfHover ul, #header .genesis-nav-menu li:hover>ul, #header .genesis-nav-menu li.sfHover ul { left: auto; } .genesis-nav-menu li a .sf-sub-indicator, .genesis-nav-menu li li a .sf-sub-indicator, .genesis-nav-menu li li li a .sf-sub-indicator { position: absolute; text-indent: -9999px; } #wpadminbar li:hover ul ul { left: 0; }Easy to do with a simple plugin. Some are free, some paid.
http://wpdevshed.com/members-only-on-your-wordpress-website/
http://www.wpexplorer.com/wordpress-membership-plugins-2014/
Victor,
I tried it again, no luck with your commenting out the code. So I checked the menu structure in WP in the Admin panel. There was one menu item (CALENDAR) which had only one sub menu (also CALENDAR). There previously was two menu items under "Calendar" but I removed one when that special event was over. Thus the CALENDAR -> CALENDAR was causing some problem. I now have this menu item as CALENDAR with no sub menu. Somehow now ALL the menu items with actual URL sub menu items are working. Still, don't know why/what. I simply thought to clean up the menu and found what I just described, removed it and voila, appears to be fixed w/o removing any .cssVictor, commenting out the code only made the sub menus appear all at once (displayed all) which covered the screen on both Ipad and I phone.
I checked my .css with the themes demo (original) .css and there is no changes which might be the reason.
In effect, any menu item which contains sub menu items, the menu button does not respond to touch. On the desktop (windows) it works all the time regardless of screen size. So the responsive look is fine with images and text...the menu buttons just become non-functional ONLY for those which have sub menu items.
Stumped!
Yes. I had installed "Slick Nav" and that added the "hamburger" menu using the Java Script files... but removed it due to it slowing down the site. The theme developer is planning an update to this, adding that improvement.
That said, it was working and suddenly quit. before. The mobile menu simply is displayed diffenently (no hamburger) but was fully functional. Perhaps with one of the recent Genesis updates or a WP update. I did not notice anything until the client notified me.
Line 1249 of your .css
.site-inner {
clear: both;
padding-top: 0px;
word-wrap: break-word;
}
(this removes the white space, except one bit of white line is showing).entry {
background-color: #fff;
margin-bottom: 0px;
padding: 0px 0px;
}(this removes the white line)
And I wasn't fast enough... :VF
.page-id-42 .entry{ background: #8cd9ae!important; }This will change the box of your content (not page) to green on your "Noise" page. Using page id you can use different colors for any page on your site.
If I understood that was what you meant by "content background" vs. "page background".
You can watch a very good, but basic video on Youtube to explain the BASICS.
Put together by a young man showing you all the steps.Then you need to really spend some time with all the Studio Press tutorials.
Also there are experts with their own sites you can visit, some with a fee..
It is not really hard if you are willing to learn. And as you get more comfortable,
you will add to your skill set and the website you build can be updated.Use the Genesis Simple Edits plugin and then you will be able to easily modify the footer.
Or you can do it with .css. Lots of tutorials on web for this.
My personal opinion: Themes like Avada are showy, and therefore distracting. Some of the best websites are minimalistic and show just your intended content. A website should not be a "show"; it should rather showcase your work, content, product, or service. It should also be well laid out, uncluttered, and easy to navigate. Like Apple.com. Clean.
Genesis has a vast community of support, such as on this site, and others....where you can find answers to .css, or other code questions. There are countless examples and the theme/child is extremely customizable.
I do not think you will find better support, or "cleaner" web designs.
We have five "clubs" within our organization, and three clubs use the Genesis themes for their websites. Those are fast, and well laid out. The other club uses Avada, and it loads slow, and is not well laid out. Now, granted this is due to their webmaster who simply purchased a "wow, look at that" theme from the internet, and took no further steps to learn a thing about what lies under the hood. Simply a "click, click, click" options for their whole configuration.
I prefer Genesis where I can wonder how someone did their website, study their .css and then apply it to my website. IMHO.
You might try the "third party" designs out there, one in particular is this one by Appfinite.
The designer is very good, and he freely and generously gives support to his customers.
I use his Epic theme and have a full width home page slider.
Your sub pages can be any layout (landing page, full width, or sidebar/content, or content/sidebar) .
Menu options are pretty much the same in Genesis...you can style them, or add all kinds of sub menus on most themes.
The "very rich use" of images is strictly dependent upon you, the web designer, to properly format them for web use as to
achieve great quality with low impact on web speed.
All the newer themes are responsive..genesis-nav-menu a { color: #fff; display: block; font-family: Montserrat, sans-serif; padding: 27px 5px; }You change the "5px" to something like 2 or 3 will give more space. Use "inspect element" to play with this to check out what works for you.
.header-image .site-title > a { background-size: contain !important; display: block; height: 70px; text-indent: -9999px; max-width: 340px; }You could also make more room by shrinking the .site title a (image) by reducing the "max-width", but that will make it overall smaller and not what you want.
There are two which you should consider:
The Genesis Sample Theme....you can customize it, add pages, add .css and make it look totally different.
The second one to look at is this one:
Pretty good. Check it out.