Genesis Frameworkis a WordPress best SEO theme and easy user-friendly theme as well. We are very happy to inform you that our new GenesisPin Child themewas developed, tested completely and launched today. This is our first genesis child theme to show our passion in this genesis theme. We have done our best in this child theme by investing our true efforts. Thesegenesis child themesare very fast, reliable and compactable to users and developers. Our Pin theme gives the best outlook to your blog post. We have added the additional feature of schema integration to all themes to google crawler and Search engine Optimized to get good search engine result. We have checked the page speed in google insights, pingdom and Gtmetrix. We have validated  the html5 and css3 passed verification in w3c validator as well. Why Choose Our Genesis Theme? Our theme is fully responsive design 100% CSS validation supported. 100% Html5 Validation Page speed supported. Responsive for every media screen. Schema Integration Templates We offered two types of templates to this pin blog Landing Page Template Squeeze Page Template Landing Page For a simple introduction to your business, you can go for Landing Page. Here you have two Landing pages. Landing Page with header Landing Page without header Squeeze Page      For a simple introduction to the product you can go for Squeeze Page. Squeeze page 1 With Header Squeeze page 1 Without Header Squeeze page 2 With Header Squeeze page 2 Without Header View Pin  Theme Demo Download Pin Theme If you like this post, you may share the details with your friends. If you have any doubt about this skin, feel free to ask through the comment section. ...read more

Genesis Framework is a WordPress best SEO theme and very easy user-friendly theme as well.  Personal theme is a responsive Genesis child theme that boasts the schema integration feature. Our personal theme gives the best outlook to your introduction, your recent work and what your clients says about you or your work.This genesis child theme also has your skills and latest post section. These Genesis child themes are very fast, reliable and compactable to users and developers. We have checked the page speed in Google insights, Pingdom and Gtmetrix tools. We have validated the html5 and css3 passed verification in w3c validator. This personal genesis child theme also has user-friendly backend settings, which would help you to use our theme without any hassle.  Why Choose Our Genesis Theme? Our theme is fully responsive design 100% CSS validation supported. 100% Html5 Validation. Page speed supported. Responsive for every mediascreen. Schema Integration Templates We offered three types of templates to this pin blog Landing Page Template Portfolio Template Testimonial Template Landing Page For a simple introduction to your business, you can go for a Landing Page. In this theme, we offer two different types of Landing pages for you.  Landing Page with header Landing Page without header Portfolio To give a simple introduction to your recent project or work, you can make use of portfolio template. Testimonial In this template,  you can add what your client says about your company or your work. View Personal Theme Demo Download Personal Theme If you like this theme and its features, you may share the details with your friends. Besides, feel free to ask you doubts about this skin through the comment section! ...read more

You can add a full width responsive image header into a Genesis child themes by using the header element and set a background image to it by setting a CSS rule. Using the Genesis sample theme as an example, in the above illustration the logo or site title will be handled with the .title-area div if Dynamic Text is selected or if Image Logo the .header-image .site-header .wrap CSS selector is used,  any further header content can be dealt with by the header-right widget area. The header-right widget area is pretty straightforward as this can be accessed and populated via the widget area in the WordPress Dashboard widgets area. The .title-area can be populated with text or a background image applied via CSS. The choice is made via the Dashboard > Genesis > Theme Settings > Header So if the Dynamic text is selected the text that gets used is another place – Dashboard > General Settings, which is both the values for Site Title and Tagline. If Image logo is chosen things are a little different, what happens is that a default logo (as shown below) appears in the header with a background image set to the following CSS rule – .header-image .site-header .wrap which displays a 360x164px  logo.png image. .header-image .site-header .wrap { background: url(images/logo.png) no-repeat left; padding: 0; } So what can be done is just to replace the logo with your own, and file it as logo.png in the child theme images folder replacing the existing one. Or remove that CSS rule and set the logo background to .title-area div. The above settings may vary if you are using other Genesis themes that have had this behaviour modified. Set  Full Width Responsive Image Header Finally, set the full width background image using the header element. The header element uses a CSS class of  .site-header, CSS needs to be added to your style.css file like so: .header-image .site-header .wrap { background: url(images/logo.png); padding: 30px 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; } The image you use needs to be landscape in nature and almost around a minimum of 1400px in width as it is going to extend to some large monitor sizes. The key CSS rule to make it responsive is the background-size: cover; the rule that will make the image cover different viewport sizes. How the image is positioned at different sizes is controlled by background-position in which you can focus on a part of the picture on a horizontal and vertical position using top, bottom, center, left or right. You can set a height for the header or let the height be determined by its contents. Setting heights in responsive designs can be problematic, start without and see how that design flexes at smaller sizes. ...read more