Forum Replies Created
-
Posts
-
.archive .entry { padding-bottom: 20px; padding-top: 20px; }This brings the posts closer to together, obviously change 20px to whatever you like. The problem is then is causes the first and last post to be very close to the top and bottom of the container div .content. This can be fixed by also adding;
.archive .content { padding: 60px 0; }
I love helping creative entrepreneurs build epic things with WP & Genesis.
Learning always feels great!
I love helping creative entrepreneurs build epic things with WP & Genesis.
Not easily, you would have to change quite a bit of CSS.
Namely; remove the white background from .site-container, add a white background to .content and also .sidebar. Then there are padding issue, so you'd have to add some padding to the content to stop the text from going all the way to the edge. There are a few more things that you'd need to change also, as this is not how the theme was designed and you'd be heavily customizing the layout.
I love helping creative entrepreneurs build epic things with WP & Genesis.
The icons used in the demo is an icon-font called ionicons.com. They are added to the site with simple html inserted inside of a text widget that looks like so;
<i class="icon ion-ios-locked-outline"></i>Where the the class of ion-ios-locked-outline is controlling which one of the icons is used from the set. All the class names are found here.
if you wish to replace these with images of your own, then you would just insert the html for your image instead of adding the html for the icon font.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Altitude Pro was designed so you can lots of differen arrangements. It's controlled by how many widgets you put in each widget area. Check out the instructions below;
The closest to what you want is either number 4. Or number 7, if you wanted more blog posts to appear.
So, assuming you go for number 4, in the widget area you want the blog posts to appear you would put four widgets. The first one could be a text widget (with the title 'From the blog' or whatever) or entirely empty if you want. - it's just there to cause the correct layout you need. The next three widgets in that same widget area would be featured posts widgets. one for each post. Just offset the second one by 1, the third one by 2, to make sure the same post doesn't appear twice.
This will make them appear side by side.
I love helping creative entrepreneurs build epic things with WP & Genesis.
You are seeing the full image, but the image you have used has a 100px clear rectangle above the picture of the girl.
http://behindthepaintthemovie.com/wp-content/uploads/2016/03/paint-girl-bg-1.png
If you chop this off from the top of the image, it will remove the effect of the image being cut off.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Genesis also has the same wp-admin interface, with a few theme options built in, but I have never had a problem with it confusing any clients. Often, it is the same interface they are used to seeing with most WordPress themes they have used.
I don’t see how it isn’t user friendly. As long as any custom fields added are intuitive enough, with clear instruction, I think it’s hard for people not to navigate their way around pretty quickly.
If they don’t know WordPress at all and are struggling even adding pages for themselves, then there is always WP101.com
I love helping creative entrepreneurs build epic things with WP & Genesis.
It's one of the limitations of the parallax effect. As the background scrolls at a different speed than the content, if there is too much content then you will inevitably arrive at the end of the image before the end of the content.
Apart from shortening the amount of content, or reducing the font size. You can sort of fix it by lessening the parallax effect, until it looks right.
If you find the file found at /wp-content/themes/parallax-pro/js/parallax.js
This is the javascript that causes the background to slow down. Inside the file you will find three bits, all on separate lines in the code that control the 'speed' of the background image of each of the three sections.
-(scrolltop/6)
and
-(backgroundscroll/6)
and another
-(backgroundscroll/6)Changing the 6 to a higher number, say around 8 should also solve the problem as it will reduce the parallax effect just enough that you don't reach the end of the image. If you still see it, then maybe go to 9. Hope this helps.
I love helping creative entrepreneurs build epic things with WP & Genesis.
I';m not sure which child theme you are referring to, however, here is a solid tutorial on different ways of adding the authors avatar to the entry meta in each post and styling it.
http://www.carriedils.com/add-author-avatar-post-info/
I love helping creative entrepreneurs build epic things with WP & Genesis.
Check what the font size in the html element is set for; eg in the new version of Genesis sample theme there is;
html { font-size: 62.5%; /* 10px browser default */ }This makes 10px equal to 1rem.
So 18px would be 1.8rem
I love helping creative entrepreneurs build epic things with WP & Genesis.
If all you're wanting to do is have the alternative background colors on that one blog page, and leave each post to just be white, then you don't need to add the post class.
just add this to your stylesheet
.blog .entry:nth-child(2n) { background-color: #e5f0ff; }
I love helping creative entrepreneurs build epic things with WP & Genesis.
if you're comfortable editing your functions.php file (you will want to do this in a staging area or local environment, not on your live site) Then you can add this code to the bottom of the file and change it for your site.
// Filter the title with a custom function add_filter('genesis_seo_title', 'wap_site_title' ); // Add additional custom style to site header function wap_site_title( $title ) { // Add your image location and the name of your website below. $custom_title = '<img class="site-logo" src="/images/custom-logo.png"> Your Site Title Here'; // Don't change the rest of this on down // If we're on the front page or home page, use <code>h1</code> heading, otherwise us a <code>p</code> tag $tag = ( is_home() || is_front_page() ) ? 'h1' : 'p'; // Compose link with title $inside = sprintf( '<a href="%s" title="%s">%s</a>', trailingslashit( home_url() ), esc_attr( get_bloginfo( 'name' ) ), $custom_title ); // Wrap link and title in semantic markup $title = sprintf ( '<%s class="site-title" itemprop="headline">%s</%s>', $tag, $inside, $tag ); return $title; }You can either shrink down your image before hand, so it fits nicely next to the text or style it using CSS to fit; eg..
.site-logo { height: 60px; width: 120px; }
I love helping creative entrepreneurs build epic things with WP & Genesis.
That's right, apart from you also need to change some more; namely, the nth-of-types
Find
.mpp-home .content .featuredpage:nth-of-type(3n+1), .mpp-home .content .featuredpost .entry:nth-of-type(3n+1) { clear: left; }and change to...
.mpp-home .content .featuredpage:nth-of-type(4n+1), .mpp-home .content .featuredpost .entry:nth-of-type(4n+1) { clear: left; }Then find
.mpp-home .content .featuredpage:nth-of-type(3n+3), .mpp-home .content .featuredpost .entry:nth-of-type(3n+3) { margin-right: 0; }and change to
.mpp-home .content .featuredpage:nth-of-type(4n+4), .mpp-home .content .featuredpost .entry:nth-of-type(4n+4) { margin-right: 0; }
I love helping creative entrepreneurs build epic things with WP & Genesis.
Just one thing; the image you have used as the background image for the first section of the home page isn't big enough. it doesn't cover the entire background on my screen.
I love helping creative entrepreneurs build epic things with WP & Genesis.
http://demo2.genesisdeveloper.me/daily-news/
Doesn't have the featured posts at the top. But it's all widget areas, so you can change things around to suit. I have never used though, but looks like what you're looking for.
ps.. it's a third party theme, not StudioPress.
I love helping creative entrepreneurs build epic things with WP & Genesis.
For some reason the link isn't taking me to your site to have a look, it's coming up with web page not available. So that's a seperate problem.
In regards to your logo, you need to ensure that the image is at least twice the size.
So if you have the logo spreading across an area of say, 360px / 60px. The image source file needs to be at least 720px / 120px. The same with all of your images in your site.
I love helping creative entrepreneurs build epic things with WP & Genesis.
If you are using a child theme containing a template for the front page (look for the file front-page.php) then this will be overriding and adding the header and footer for any page which you use as the front page of your site.
You can either remove via CSS, as you have shown, which will work. Or change the front-page.php template and remove the header and footer. (You would find the code needed to do this inside the page_landing.php template.
I love helping creative entrepreneurs build epic things with WP & Genesis.
There are two ways you can do this without having to move the footer. The first is to remove the wrap from the site footer. This is the code used to add the wraps. If this exists already in your child theme, then just just remove the 'footer' from the list at the bottom. If it doesn't exist, add it and keep only the elements which you need the wrap for.
//* Add support for structural wraps add_theme_support( 'genesis-structural-wraps', array( 'header', 'nav', 'subnav', 'site-inner', 'footer-widgets', 'footer' ) );The other way of doing it is with CSS, this will allow you to keep the html markup exactly the same;
.site-footer .wrap { padding-left: 0; padding-right: 0; max-width: 100%; }
I love helping creative entrepreneurs build epic things with WP & Genesis.
There would be no benefit in using column classes for this. It would look awful on mobile (just put them all in one column meaning the user would have to keep scrolling to get passed them).
You can just do <i class=”fa fa-facebook”></i> <i class=”fa fa-twitter”></i> etc, which a space in between each. Then the text will wrap automatically on smaller devices.
I love helping creative entrepreneurs build epic things with WP & Genesis.
You just need to remove the padding that has been added on..
@media only screen and (max-width: 768px) { .home-middle-right, .home-lower-right, .home-middle-left, .home-lower-left { padding: 0; } }
I love helping creative entrepreneurs build epic things with WP & Genesis.
