Return to previous page

How to create a exact same section like the demo site without affecting theme?

This topic has 9 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

Graham

Participant

March 31, 2018 at 13:37

Hi there,

I was just wondering if I am able to create a blog section like what it appears in the demo site?
Here’s the screenshot: https://ibb.co/de99En
And here’s the demo site URL: https://www.8theme.com/demo/xstore/hipster/

I’m a bit concerned that simply importing the demo page would cause the data messing up with each other.

Could you pls kindly advise how should I proceed?
Thanks very much
Regards
Graham

Please, contact administrator
for this information.

#189884 Copied Theme version: LATEST WooCommerce version: Latest Version

8 Answers

Rose Tyler

Support staff

April 2, 2018 at 07:47

Hello,

Simply add [8THEME] Blog carousel element on a page, here are settings from the demo – http://prntscr.com/izky3x http://prntscr.com/izky7h
I’ve created “Home hipster blog section” page. Please check.

Regards

#189940 Copied

Graham

Participant

April 2, 2018 at 12:54

Thanks Tyler

I’ve successfully created the blog carousel, however, it seems the title and date font color is white that looks invisible.

Can you suggest how do I change the font color for these texts?

Screenshot is here: https://ibb.co/nuUmEn

Regards

#190004 Copied
Rose Tyler

Support staff

April 2, 2018 at 14:18
You can use this cudtom css code:
```
.home .posts-slider article h2 a, .home .posts-slider .entry-date {
    color: black;
}
```
Regards
#190019 Copied
Graham

Participant

April 3, 2018 at 07:20

Hi Tyler,

Thanks very much, it worked great!

Can I add one more question:
Can you pls let me know how to control the length of the “Blog content excerpt”?
The screenshot is here: https://ibb.co/fidbzx

Much appreciated!
Regards

#190062 Copied

Graham

Participant

April 3, 2018 at 07:57

Hi again,

Sorry I have missed one thing:

Could you please also advise how to have the “catogory tag” appeared on the image?
Here is the screenshot: https://ibb.co/ncBqRc

Thanks very much
Regards

#190069 Copied

Rose Tyler

Support staff

April 3, 2018 at 10:30

Hello,

You’re welcome!
1. Theme options > Blog & Portfolio > Blog Layout > Excerpt length(words) or http://prntscr.com/j05gdj
2. Delete this code from custom css http://prntscr.com/j05hmg

Regards

#190092 Copied

Graham

Participant

April 3, 2018 at 15:37

Thanks, Tyler

1. This seems to be a silly question, however, I didn’t find the “Excerpt” area as what you showed me in the screenshot above.
Here is what I saw in my “Post editing page” —— https://ibb.co/i11pmc
Can you pls let me know how I went wrong with it?

2. https://ibb.co/ncBqRc
Can I modify the CSS to change the color of the tabs appearing on the “Blog post image” ?
If yes, what is the class ID or class name?

Thanks very much
Regards

#190143 Copied
Rose Tyler

Support staff

April 3, 2018 at 15:45
1. Please enable it – http://prntscr.com/j0agwb
2. Here is example of code:
```
.wp-picture .post-categories {
    background-color: #250f2d;
}
```
Regards
#190147 Copied
Viewing 9 results - 1 through 9 (of 9 total)