Forum Replies Created
-
Posts
-
Ops, you could edit the style.css through yoursite address/wp-admin/theme-editor.php
Then find .genesis-nav-menu .sub-menu .sub-menu class and edit the value as my post above.
Regards,
Win
Hi Donald,
Hope you fine to complete the matter above, in case the matter is not resolve, please kindly contact to me to complete it 🙂
Regard,
Win
Please take note to remove
<?php //* Do NOT include the opening php tagfrom your snippet.
I will show you my bro.
Adding these classed your style.css
.plans { clear: both; margin: 0 auto; padding: 20px 0 0; text-align: center; } .plan-col { background: none repeat scroll 0 0 #eee; float: left; font-weight: 300; padding: 0; text-align: center; vertical-align: top; } .plan-col-popular { background: none repeat scroll 0 0 #fff; float: left; font-weight: 300; padding: 0; position: relative; text-align: center; vertical-align: top; } .plan-col, .plan-col-popular { width: 25%; } .plan-col-wrap, .plan-col-popular-wrap { border: 1px solid #d3d3d3; margin: 0 auto; padding: 40px 10px; } .plans .plan-head h4 { font-size: 20px; font-weight: 300; margin: 0 0 20px; text-align: center; text-transform: uppercase; } .plan-head em { font-size: 14px; } .plan-pricing { background: url("images/border-img-x.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); clear: both; margin: 0 0 20px; padding: 0 0 20px; text-align: center; } .plan-price { font-size: 60px; } .plan-price sup { font-size: 24px; } .plan-pricing .monthly { font-size: 14px; } .plan-list { margin: 0 0 20px; overflow: hidden; } .plan-list li, .entry-content .plan-list li { list-style: none outside none; margin: 0 0 20px; } .plan-button { clear: both; } .plan-button a, .entry-content .plan-button a { background: none repeat scroll 0 0 #303236; border-radius: 3px; color: #fff; font-size: 18px; font-weight: 400; padding: 6px 25px 8px; } .plan-button a:hover { opacity: 0.7; text-decoration: underline; transition: all 0.5s ease 0s; }Then choose the text widget adding the text below:
<div class="plans"> <div class="plan-col"> <div class="plan-col-wrap"> <div class="plan-head"><h4>Simple</h4></div> <div class="plan-pricing"> <span class="plan-price"><sup>$</sup>45</span><span class="monthly">/mo</span> </div> <ul class="plan-list"> <li><strong>100</strong> Themes</li> <li><strong>Unlimited</strong> Bandwidth</li> <li><strong>300</strong> E-mail Accounts</li> <li><strong>Free</strong> 1-800 Number</li> <li><strong>5 Free</strong>Domains</li> <li><strong>Unlimited</strong> Downloads</li> </ul> <div class="plan-button"><a>Buy Now</a></div> </div> </div> <div class="plan-col-popular"> <div class="plan-col-wrap"> <div class="plan-head"><h4>Popular</h4></div> <div class="plan-pricing"> <span class="plan-price"><sup>$</sup>59</span><span class="monthly">/mo</span> </div> <ul class="plan-list"> <li><strong>200</strong> Themes</li> <li><strong>Unlimited</strong> Bandwidth</li> <li><strong>300</strong> E-mail Accounts</li> <li><strong>Free</strong> 1-800 Number</li> <li><strong>5 Free</strong>Domains</li> <li><strong>Unlimited</strong> Downloads</li> </ul> <div class="plan-button"><a>Buy Now</a></div> </div> </div> <div class="plan-col"> <div class="plan-col-wrap"> <div class="plan-head"><h4>Great</h4></div> <div class="plan-pricing"> <span class="plan-price"><sup>$</sup>99</span><span class="monthly">/mo</span> </div> <ul class="plan-list"> <li><strong>300</strong> Themes</li> <li><strong>Unlimited</strong> Bandwidth</li> <li><strong>300</strong> E-mail Accounts</li> <li><strong>Free</strong> 1-800 Number</li> <li><strong>10 Free</strong>Domains</li> <li><strong>Unlimited</strong> Downloads</li> </ul> <div class="plan-button"><a>Buy Now</a></div> </div> </div> <div class="plan-col"> <div class="plan-col-wrap"> <div class="plan-head"><h4>Awesome</h4></div> <div class="plan-pricing"> <span class="plan-price"><sup>$</sup>199</span><span class="monthly">/mo</span> </div> <ul class="plan-list"> <li><strong>500</strong> Themes</li> <li><strong>Unlimited</strong> Bandwidth</li> <li><strong>300</strong> E-mail Accounts</li> <li><strong>Free</strong> 1-800 Number</li> <li><strong>20 Free</strong>Domains</li> <li><strong>Unlimited</strong> Downloads</li> </ul> <div class="plan-button"><a>Buy Now</a></div> </div> </div> </div>It's done!
You could do like your demand by changing the class on your style.css on your child theme as follows:
.genesis-nav-menu .sub-menu .sub-menu {
margin: -56px 0 0 -199px;
}
You could try the function below
add_action( 'after_setup_theme', 'custom_infinite_scroll' );
function custom_infinite_scroll() {add_theme_support( 'infinite-scroll', array(
'container' => 'main-content-area',
'footer' => false,
'type' => 'click',
'render' => 'genesis_do_loop',
));
}Have fun.
You could do that by adding the claass to style.css on your child theme as follows:
.genesis-nav-menu li a:after {
color: #555;
content: "|";
padding-left: 15px;
}Have fun!
You could change .ambiance-grid class on style.css like this to get that.
.ambiance-grid .entry {
background-color: rgba(0, 0, 0, 0.5);
float: left;
margin: 0 4% 4% 0;
min-height: 200px;
position: relative;
text-align: center;
width: 33%;
}.ambiance-grid .entry:nth-of-type(3n) {
margin: 0 0 4% 0;
}.ambiance-grid .entry:nth-of-type(3n+1) {
margin: 0 4% 4% 0;
}
You could edit the class .site-description on the style.css with attribute display:none (not the class site-header as you did before).
On the line no. 1635 in the style.css, you must change the background-color: #222 to background-color: #fff.
My thought in this case if you wanna using Genesis Featured Post Widget is:
1. Create category named is Popular
2. Get post from the above category
The 02nd solution for this is using 03rd party plugins.
