[cindyjw]

Thanks to Todd MacMillan's suggestion to add text-indent: -999ps; and also min-width: 300;px; to reset the space for my logo.

That did the trick. For some reason I had tried text-indent before but I'm sure I was doing it wrong.

[cindyjw]

I did what you said, Skysage, but I still have the title text showing on top of my logo image. How do I remove that?

http://gudlandscaping.com/access

Thanks!

[cindyjw]

Gregg, what block of code did you remove?

Thanks!

EDIT: Nevermind. I found it. I just edited out the following code: (This way, I could have it back if I wanted it.)

//* Customize the site footer
//*add_filter( 'genesis_footer_output', 'filter_custom_footer' );
//*function filter_custom_footer( $output ) {
//*
//* $output = sprintf( '<p>%s<span class="dashicons dashicons-heart"></span>%s%s</p>', __( 'Handcrafted with ', 'filter' ), __( ' on the', 'filter' ), __( ' //*Genesis Framework', 'filter' ) );
//* return $output;
//*
//*}

[cindyjw]

That code works great except that Centric Pro snaps back to close on top where the menu on Cafe Pro with your code leaves the menu open covering up the content so then I have to touch the menu again to close it. Is there something to add to make the menu close once you choose a menu item?

[cindyjw]

I would like to do the same thing - put a video on the first section of Cafe Pro where the logo is.

The only thing I could figure out to do is use mb.YTPlayer plugin. Problem is that the video is behind the image. I removed the image, but now I just have the white background. I know that the video is behind it but I can't figure out what to do in the css to make the white background disappear or become transparent.

Look at http://designitdigital.com/dahliaweddingvideos

I'm also using genesis extender and when I click to show my css builder on the front end, it makes the white background drop down and I can see a part of the video behind it.

Thanks for your help!

[cindyjw]

I'd like to do this, too. I'd like to use a video instead of the first background image.

[cindyjw]

Thank you so much! That was easy and it worked!

[cindyjw]

I'm having the same problem and would like to know what the answer would be. You can see my logo issue at http://scrapbookdimensions.com.

Thanks!

[cindyjw]

I took them out because I didn't think I did them right.

My site is live and so I can't have it looking worse than it already is. But I could test with some code. I adjusted the @media with padding: 0 but the menus aren't acting responsive due to something I've already done and it still covered up my slider.

[cindyjw]

I know enough to be dangerous! That's the problem. Tried changing the @media portion with padding-top at 0px, but I don't know exactly how to get the logo and menu positioned. So it still isn't fixed. I'm not getting enough of my slider showing. And my menus aren't working for mobile. Would it be possible for someone to help me with the exact code? Here's the code in my custom css editor (without the @media changes). It's probably a big mess now.

http://mariesgreatevents.com

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"] {
background-color: #a34141;
}

.entry-content {
padding-top:16rem !important;
}

#gallery-2 img {
border:0px solid #CFCFCF !important;
}

#gallery-1 img {
border:0px solid #CFCFCF !important;
}

/*Minimum Pro Custom*/
a {
color:#00b1c5;
text-decoration:none;
}

.site-header {
background-color:#FFFFFF;
background-image:url(http://mariesgreatevents.com/wp-content/uploads/2014/07/ChevronPattern.png);
background-repeat:repeat-x;

}

.header-image .site-title a {
float:left;
min-height:203px;
width:100%;
}

.title-area {
float: left;
width: 360px;
}

.site-header .widget-area {
color: #fff;
float: right;
text-align: right;
width: 750px;
padding-top: 150px;
}

.header-image .site-title > a {
background-size: contain !important;
display: block;
height: 213px;
text-indent: -9999px;
max-width: 360px;
}

.site-inner {
clear:both;
margin:3rem 0 4rem;
}

.site-header {
background-color:#ffffff;
}
.site-footer {
background-color:#babbbc;
}
element.style {
background-position:50% 0;
}
.home-section-1, .home-section-3, .home-section-5 {
-webkit-background-size:cover;
background-attachment:fixed;
background-color:#FFFFFF;
background-position:50% 0;
background-repeat:no-repeat;
background-size:cover;
}

.home-odd, .home-odd a:hover, .home-odd h1, .home-odd h2, .home-odd h3, .home-odd h4, .home-odd h5, .home-odd h6, .home-odd .featured-content .entry-title a, .home-odd .widget-title {
color:#FFFFFF;
}

.home-even, .home-odd {
clear:both;
font-size:28px;
overflow:hidden;
padding:145px 0 200px !important;
text-align:center;
}

.site-header .widget-area .genesis-nav-menu a {
color: #333;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: #6f4a8e !important;
}
.site-header .sub-menu {
background-color: #00b1c5;
}
.header-image .site-title a {
height: 203px !important;
display: block;
text-indent: -9999px;
max-width: 360px !important;
}
.borderimage {
border-bottom: 2px solid #f5f5f5;
margin-bottom: 2rem;
padding: 0 0rem;
}

img.border {
margin: 20px;
padding: 5px;
border: solid #999999 1px
}

img.border2 {
border:2px solid #999999;
margin:20px;
padding:0px;
}

.sidebar {
display:inline;
font-size:1.4rem;
padding-top:20.2rem;
}
.entry-content {
padding-top:12rem;
}

[cindyjw]

Thank you! When I updated to Genesis 2.0 today, it changed. I appreciate the code help!

[cindyjw]

Thank you, anitac! That worked great!

Now I just need to get rid of that extra space at the bottom of the Home Page below the footer.

Any ideas?

[cindyjw]

Thank you!!! That worked great!

Cindy

[Author]

Posts