[Support request] Few questions regarding Design

[Amit]

Hi,
Just getting started with Generatepress to design a website something similar to Dudeiwantthat.com. I have a few questions regarding the design:
– I want to display a subscription form (possibly mail chimp) after 1 or 2 row of posts at front page. How can I do that.
– How can I design front page with some text first, then the blog posts in grid fashion. I mean How can I create a page with blog posts.
– Center the Load More button that is aligned at left in blog.
– Use a button instead of Read More in blog posts excerpt.

[Tom]

Hi there,

1. You would have to find a plugin that can insert HTML between posts. Ad Inserter might be one option.

2. A plugin like WP Show Posts might be helpful for this: https://en-ca.wordpress.org/plugins/wp-show-posts/

3. Try this CSS:

body.masonry-enabled .masonry-load-more {
    display: block;
    text-align: center;
}

4. This might help: https://generatepress.com/forums/topic/custom-style-read-more-tag/

[Amit]

Hi Tom, for the first part, I am trying to avoid the plugins as much as can to avoid much clutter and files and so if there is some way to insert it through some code, it will be a pleasure.
For second, I guess using blog posts at the front is better for my niche.
For third, the CSS is not working and it’s there. ( You can check at http://www.travelgeeky.com)
For fourth point of using button in place of read more, the colors are not working. I want to display the button in yellow with text black, but it’s stuck to white. And on hover, I want the button to turn to some dark yellow with text same as black. Also can we display the button as something like dudeiwantthat.com, long type.

There are few more questions as I am in my way of setting up the website:
1) Which caching plugin? I tried using W3 Total Cache, but it kind of breaking few things
2) Display category title at center in category pages with some less thick borders or spanning
Thanks in advance…

[Tom]

1. I’m not aware of the best method off the top of my head, but you might have luck asking over here: https://wordpress.stackexchange.com/

3. I adjusted the CSS above: https://generatepress.com/forums/topic/few-questions-regarding-design/#post-305959

4. Try this for your CSS:

a.read-more,
a.read-more:visited {
    background: none repeat scroll 0 0 #222;
    color: #fff;
    display: table;
    margin-top: 1.5em;
    padding: 10px 20px;
}

a.read-more:hover {
      background:#666;
      color:#FFF;
}

As for caching, it really depends on your hosting configuration. You can find some optimization tips here: https://generatepress.com/fastest-wordpress-theme/

For the category title, try this:

.category .page-header {
    text-align: center;
    padding: 20px;
}

[Amit]

– For Read More button, the ‘color’ attribute is not working, I checked through console
– The ‘Load More’ Button is not getting centered with this CSS

body.masonry-enabled .masonry-load-more {
display: block;
text-align: center;
}

[Tom]

I’m not seeing the new CSS in use on your website.

If you’re sure you’ve added it, be sure to clear any caching plugins.

[Amit]

I figured out the ‘Load More’ button problem,
this CSS is working fine

.separate-containers .site-main > .masonry-load-more {
display: block;
text-align: center;

}

I guess the css of this container was ruling out that of former.

[Amit]

Which social sharing plugin can display sharing buttons on each excerpt at the blog page?

[Tom]

There’s lots of them. AddToAny and Social Warfare come to mind.

[Author]

Posts