Docs

[Ben]

Hi There,

I know this is a common topic with many threads, most of which I have read. However, I have not been able to find exactly what I need.

I am trying to redesign the blog for http://ott.ua.edu/

I would like something like

http://blog.hubspot.com/
http://blog.hubspot.com/marketing/4-techniques-to-optimize-your-nonprofit-newsletter#sm.000ghlz8215kpf6rux41o902aiqku

We also have three main audiences and find this type of format useful to cater to their needs. I understand that some of this may be out of the scope of support, so I will divide my questions into basic needs and a wish list. Even if it falls outside of scope, is there anyway to make recommendations on some X capabilities that would be similar or able to accomplish the same goal?

Here are the needs:
1. Much larger font
2. A way to reduce the size of the featured image
3. The text to remain in a centered, easy to read column

And here is the wish list
1. A large header photo consistent with the audience segment. (In the example there is a different photo appearing at the top for Marketing, Agency, and Sales)
2. An easy way to insert CTA’s at the bottom to redirect to any sort of content being promoted in the post
3. A secondary menu (like in the one provided) that directs to the other blog segments
4. An author highlight section where a headshot and bio could be displayed

Ideally, we would like to create templates that would make posting and publishing a little easier. What is the easiest way to accomplish this? Please advise any way that you can. Sorry for the longwinded post and we appreciate any advice you can offer.

[Rad]

Hi there,

Thanks for writing in.

Yeah, the customization required might be complex, but I’ll provide a recommendation for a solution that isn’t available.

1. It depends on what area or elements that you wish to change, some font size are changeable through customizer, some header type is through cornerstone’s element option (eg. headlines). What text would you like to change font?

2. Is it the feature image from blog home page, or on single post? You can change the size through CSS like this,

.single-post .entry-thumb img {
    min-width: 0;
    width: 80%;
    display: block;
    margin: 0 auto;
}

And you can add that to Admin > Appearance > Customizer > Custom > CSS with your preferred width. Height respond to its width to maintain its aspect ratio, hence, you can also change its width 🙂

3. You can add cs-ta-center to your column’s class input when inspecting it through cornerstone. And it’s not only limited to the column, you can apply that to any container of the elements you wish to center. Just note that containers can have child containers that affect cs-ta-center effectiveness.

Wishlist,

1. How would you like your header to appear? Or do you wish to change your logo’s width the same width of other sections? In that case, please add this as well.

.x-brand img {
    width: 100%;
}

2. You mean automatically add CTA to the bottom of every page? Currently, the only way to add CTA is by inserting shortcode to the editor, or by adding it on cornerstone’s builder manually.

3. Someone did it here https://community.theme.co/forums/topic/add-secondary-navigation-bar-to-header/, but that customization depends on user requirement and site’s structure. You may try that 🙂

4. Should it be on specific post, you achieve something like this https://community.theme.co/forums/topic/why-im-not-seeing-author-bio-at-the-end-of-the-posts/. Author element is a shortcode and should be added manually, but it can be added for permanent display as recommended on that thread.

It’s easier to create a dedicated page template for your content and just utilize custom fields whenever your wish to change information and few content. A developer would able to help you 🙂

Thanks!

[Author]

Posts