Forum Replies Created
-
AuthorPosts
-
WisdmLabsMember
Hi,
On that page, your sidebar is appearing inside the .content-sidebar-wrap while it should be outside.
content-sidebar-wrap
andsidebar
should be contained inside theinner
December 30, 2014 at 12:16 am in reply to: Code for Parallax Pro Themes "Continue Reading" button #135642WisdmLabsMemberHi,
Following is the CSS for replicating the button of Parallax Pro theme:.button { border: 3px solid #000; color: #000; background: transparent; clear: both; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 1px; margin-top: 20px; padding: 15px 25px; text-transform: uppercase; text-decoration: none; text-align: center; line-height: 1.5; display: inline-block; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
WisdmLabsMemberHi,
Try givingwidth:auto
to both the elements for desktop view using media queries. The CSS code will be like below:@media( min-width: 960px ) { .title-area, .header-widget-area { width: auto; } }
WisdmLabsMemberHi,
make the following changes in your style.css.site-container{ max-width:900px; width:100%; }
Remove
position:fixed
andmargin-left
on .site-header
add this to it.site-header{ float:right; }
December 29, 2014 at 6:28 am in reply to: get rid of white spaces in navigation menu – lifestyle theme #135529WisdmLabsMemberHi,
You could also spread the menu items throught using this css.genesis-nav-menu .menu-item{ width:20%; float:left; }
WisdmLabsMemberHi,
A simple way to do this is by adding subscribe link in the navigation along with other menu items from 'Menus' setting in the back-end. After adding it to the primary navigation, just add the below CSS in your theme's style.css:.menu-primary > li:last-child { float: right; }
This is a simple way to add a link. However, if you want to add something else, apart from a link, you can refer this article.
WisdmLabsMemberHi,
On inspecting it I found that the navigation is coming from widget. Just remove the widget title from the navigation widget and the word "Navigation" should go away.
WisdmLabsMemberHi,
You can add the below CSS in your theme's style.css:.enterprise-pro-orange .site-title a { color: #fff; }
If the above code doesn't work, try giving !important to it like below:
.enterprise-pro-orange .site-title a { color: #fff !important; }
December 25, 2014 at 11:21 pm in reply to: Minimum Pro: more height in blog subscription field #135307WisdmLabsMemberHi,
Try giving!important
like below:input#subscribe-field { width: 100% !important; padding: 10px !important; }
WisdmLabsMemberWisdmLabsMemberHi,
In your style.css add a media query
@media (min-width:1024px){ .site-header .wrap{ text-align:left; } }
WisdmLabsMemberHi,
You could center position the logo background image in your syle.css using
.site-title a{ background-position:center center!important; }
WisdmLabsMemberHi,
In your child theme style.css file, change the css to below classes as given.
.title-area{ width: 766px; } .header-image .site-title > a{ min-height: 233px; } .site-header .widget-area{ width: 374px; }
WisdmLabsMemberHi,
I think your background is set to repeat,
try adding this css to the div where you add the background image.background-size:cover; background-repeat:no-repeat;
WisdmLabsMemberHi,
Try changing the hook from 'genesis_meta' to 'get_header'Refer this article for creating widgetized homepage step by step
WisdmLabsMemberHi,
Make the following CSS changes:.header-image .site-title a { height: 115px; display: block; text-indent: -9999px; max-width: 320px; background-size: contain!important; }
In the above code, I have changed the height from 200px to 115px and added background-size property. You can find this code on line no. 996 of your theme's style.css
December 18, 2014 at 1:41 pm in reply to: Minimum Pro: more height in blog subscription field #134829WisdmLabsMemberHi,
Add the below CSS in your theme's style.cssinput#subscribe-field { width: 100%; padding: 10px; }
WisdmLabsMemberHi,
Change the font-size of.site-title
from30px
to16px
to match the font-size of navigation items.The gap which you can see is padding of the title-area. So, change the padding-top and padding-bottom of the
.title-area
from20px
to27px
.To summarize, CSS should be as below:
.title-area { padding: 27px 0; } .site-title { font-size: 16px; }
December 13, 2014 at 1:56 am in reply to: Vertically Aligning Images in Tables Eleven40 Theme #134446WisdmLabsMemberHi nate,
You could target the image only for that page using the above code, also you need to set line-height for the td containing the image to 0
WisdmLabsMemberHi,
The header widget area floats right, in your style.css change this to float:left
.site-header .widget-area{ float:left; }
-
AuthorPosts