Forum Replies Created
-
AuthorPosts
-
WisdmLabsMember
Hi,
Remove the max-width and margins on your .site-container class.
In your child theme style.css, remove the max width and margins as follows:
Line number 408
.site-container{
background-color: #fff;
clear: both;
margin: 40px auto 0;
max-width: 1240px;
overflow: hidden;
padding: 40px;
}
November 20, 2014 at 3:07 am in reply to: Centric Mobile Navigation & Home Widget #2 Alignment #132249WisdmLabsMemberHi Martag,
Issue 1:
You are not able to see the responsive menu icon because it's color is white.
Change the color in your style.css
Try adding this,#responsive-menu-icon:before{ color:black; }
Issue 2:
Find this css in your style.css and remove it.home-widgets .featuredpage .entry .alignleft, .home-widgets .featuredpage .entry .alignnone, .home-widgets .featuredpage .entry .alignright { margin-bottom: -148px; margin-top: -140px; }
Issue 3:
Remove the following from your style.cssLine number 1533
.home-widgets-2:before{ <del datetime="2014-11-20T08:52:04+00:00">top:-32px</del> }
Line number 1523
.home-widgets-2{ <del datetime="2014-11-20T08:52:04+00:00">border-top: 60px solid transparent; margin-top: -60px;</del> }
November 20, 2014 at 2:49 am in reply to: Focus Pro – Navigation CSS Overlapping Dropdown Options #132248WisdmLabsMemberHi,
Add display:block to '.genesis-nav-menu .sub-menu a'
your css should look like.genesis-nav-menu .sub-menu a{ display:block; }
WisdmLabsMemberHi gstarr,
You need to remove the max-width and margin on .site-container
.site-container{ background-color: #fff; border: 1px solid #e3e3e3; <del datetime="2014-11-20T06:09:14+00:00">margin: 60px auto; </del> <del datetime="2014-11-20T06:09:14+00:00">max-width: 1055px;</del> }
and add max-width to site-inner
add this to your style.css.site-inner{ max-width: 1055px; margin: 0 auto; }
you can also add the same max width to your navigation menus if you need them to align with .site-inner.
.nav-primary, .nav-secondary{ max-width:1055px; margin:0 auto; }
WisdmLabsMember#IDX-quicksearch-33338 { text-align: right; }
The above CSS is coming from internal CSS. There may be and option in the back-end to write custom CSS, where this might be written. If you dont'get that, you can overwrite this by adding the below CSS in your theme's style.css:
#IDX-quicksearch-33338 { text-align: left !important; }
The below CSS is written in your theme's style.css on line no.3294 and 3300 respectively. You can remove it from these lines.
.IDX-qsFieldWrap label {
width: 30%;
}And addd the below CSS in your theme's style.css:
#IDX-quicksearchForm-33338 .IDX-qsInput { width: auto; } .IDX-qsFieldWrap select { width: 60%; }
November 17, 2014 at 10:43 pm in reply to: Reordering Listings in AgentPress (Not Pro version) #131946WisdmLabsMemberHi,
Why don't you use the Featured Posts widget provided by Genesis?
Here is a link for reference.
http://my.studiopress.com/setup/more-themes/previous-versions/agentpress-theme/
WisdmLabsMemberHi,
Try adding this css in your child theme style.css
.site-header .widget-area{ max-width: 600px; margin: 0 auto; }
November 17, 2014 at 3:25 am in reply to: Reordering Listings in AgentPress (Not Pro version) #131811WisdmLabsMemberHi,
I guess you wish to order your featured listings in the descending order.
The listings come through a widget.
In your featured listings widget there is an option'Sort Order'
from here, you may select'Ascending'
or'Descending'
WisdmLabsMemberHi,
Try the below css in your child theme style.css.
.site-header .wrap{ max-width:none; } .site-title a{ background-size:cover!important; } .site-header .title-area{ padding-top:0 }
November 15, 2014 at 3:44 am in reply to: How to switch my current website to a Genesis child theme #131598WisdmLabsMemberHi Rick,
Yes, it is possible to use Genesis and make your site look like the existing one.It involves building a Genesis child theme from scratch by using the CSS of your existing site to maintain its look and feel.
Using a Genesis child theme will definitely give you more flexibility and would also improve the performance of your website.
You can check out this article to know more benefits about switching to Genesis child theme.
In case you need a free consultation on this, you can contact us from here.
WisdmLabsMemberHi,
Remove the following CSS:#IDX-quicksearch-33338 { text-align: right; } .IDX-qsFieldWrap label { width: 30%; } .IDX-qsFieldWrap select { width: 60%; }
Add the below CSS:
#IDX-quicksearchForm-33338 .IDX-qsInput { width: auto; }
WisdmLabsMemberHi gstar,
Try the below css.
Remove background color from the site container in style.css line number 409
.site-container{
background-color: #fff;
}Add spacing between the nav menu and main navigation
.site-inner{ margin-top:20px; }
Make the width of content container less and add background color to it
.content{ width:758px; background:white; }
Add background color to the nav menus on top
.genesis-nav-menu{ background:white; }
WisdmLabsMemberHi,
Try the below codegenesis_register_sidebar( array( ‘id’ => ‘‘caravans-sidebar’, ‘name’ => ‘Caravans Sidebar’, ‘description’ => ‘This is the caravans sidebar widget area.’ ) ); add_action('get_header','trestle_sidebar_logic'); function trestle_sidebar_logic() { if ( is_page(3747) ) { remove_action( 'genesis_sidebar', 'genesis_do_sidebar' ); add_action( 'genesis_sidebar', 'trestle_get_caravans_sidebar' ); } } function trestle_get_caravans_sidebar() { genesis_widget_area( 'caravans-sidebar' ); }
WisdmLabsMemberHi,
For this, you need to increase the width of the listings and set its margin to zero.
Add this in your style.css
.full-width .featured-listings .listing{ width:33.33%; margin:0; }
WisdmLabsMemberWisdmLabsMemberHi,
This is because you removed the margins.
In custom.css, you have margin set to zero. Find this code
.home-top .featured-listings .listing { max-width: 100%; margin: 0; padding: 0 0 10px; }
and remove
margin:0
WisdmLabsMemberHi,
I assume you wish to increase the height of the navigation menu on the top.
Remove the height set on the navigation in style.css on line number 1183
Currently it is
.site-header .widget-area #menu-primary{ float: left; height: 58px; text-align: left; width: 725px; }
Also, increase the padding on anchor tags in the nav menu.
.genesis-nav-menu a{ padding:27px 13px; }
WisdmLabsMemberHi,
This is because in your style.css, the width is set for nav menu ie on line number 2152
.widget.widget_nav_menu{ width:760px; }
Remove the width and set float left to the nav menu and remove the margin top from .widget.simple-social-icons on line number 2146
This should fix the issue
WisdmLabsMemberAlso, you can show the menu items for desktop views using media queries.
Try the following in your style.css
@media (min-width:981px){ .nav-primary .genesis-nav-menu{ display:block!important; } #responsive-menu-icon{ display:none; } }
WisdmLabsMemberHi,
You can upload the colored images and change it to greyscale using css.
To apply this only on the homepage you can try the following css.home img.post-image.entry-image{ -webkit-filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); }
-
AuthorPosts