Hero Theme: Post slider, 3 Callouts & Recent 3 posts

oasiswebsite · Member · Jan 19, 2015 at 5:11 am
Copy link

Add topic to favorites
Is it possible in Hero Theme to have
All 3 together on home page or front page?
Post slider, 3 Callouts & Recent 3 posts

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Jan 20, 2015 at 12:52 pm
Copy link
The Hero theme help page at https://theme.wordpress.com/themes/hero/ outlines what is possible with the theme. I don’t see a way to add posts and callouts to the front page. The only way to add more content to the front page template that I can see would be to use the footer widget area.
oasiswebsite · Member · Jan 21, 2015 at 3:22 am
Copy link
@designsimply
Thanks for reply.
Is there any way that I can put an HTML element instead of plain text in the description in the middle of front page?
Is there any way to move slides of slider automatically at some interval, say 5 seconds?
Also how can I give background colour to just Menu bar?
How can I give background to bottom widget?
kathrynwp · Staff · Jan 21, 2015 at 2:20 pm
Copy link
Is there any way that I can put an HTML element instead of plain text in the description in the middle of front page?

Sure! Just switch the editor to Text (HTML) mode and add your HTML there. You can see in this support page which code can be used on WordPress.com.

Is there any way to move slides of slider automatically at some interval, say 5 seconds?

No, the slider cannot auto-advance.

I’ll answer your other questions separately.
kathrynwp · Staff · Jan 21, 2015 at 2:31 pm
Copy link
You’ll need Also how can I give background colour to just Menu bar?

If you right-click the menu in a browser inspector like the one built into Chrome or Firefox, you’ll see that the menu has the class site-navigation.

This means you can change the element’s background colour like this:
```
.site-navigation {
  background-color: #bb00bb;
  width: 100%;
}
```
Just change the colour to whatever you prefer.

How can I give background to bottom widget?

Again by using the browser inspector I can see that the bottom widget area has the class site-footer. This CSS should change the colour:
```
.site-footer {
  background-color: #bb00bb;
}
```
Learning how to target your site’s CSS will help you make more design and layout changes. Here are some very helpful posts that will help you customize your site with CSS:

An Intro to CSS: Finding CSS Selectors

An Intro to CSS, or How to Make Things Look Like You Like

Intro to CSS: Previewing Changes with the Matched Rule Pane

http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

No items found.