Return to previous page

Theme Issues – Blog Carousel, Header Icons, Blog Typography

This topic has 4 replies, 2 voices, and was last updated 7 years, 7 months ago ago by Olga Barlow

npucci

Participant

September 24, 2016 at 02:26

I am having some issues with the theme.

1. Blog <p> / body typography settings
The typography settings for body paragraph in the theme options do not seem to control the body fonts for the blogs/posts. How can I change these settings globally for all posts/blogs.

2. Blog Carousel Image
The blog carousel featured image does not extend 100% full width of the element when using the blog carousel shortcode. How do I fix this? I assume the image should be zoomed in until it fits that element width.

3. Remove all dates & author from all Blog elements and shortcodes
Is there a way to remove all dates & author from ALL elements within the theme? I do not want dates or authors associated / seen on any blog/post related items. I figured out how to do it on the carousel and main posts. I cannot figure out how to get rid of the dates on the Recent / Popular Widget.

4. Change color of header icons (or change color of entire “dark” theme)
I can I change the color of the header icons? Search, Cart, Wishlest etc.

4. Just for clarification…
Curious – what is the point of a row within a row? I saw on your demo content some rows were only one row – while others were a row within a row.

Please, contact administrator
for this information.

#140643 Copied Theme version: Latest WooCommerce version: Latest

3 Answers
Olga Barlow

Support staff

September 24, 2016 at 08:33
Hello,

1. Body Font (Typography settings) change font of the body including posts content. You can check it on our Drinks demo https://www.8theme.com/demo/xstore/drink/blog-2/ To change Titles you need to change Headings (Typography option)

2. Blog carousel displays medium size of images. You need a little bit larger. Edit your Blog Carousel setting and check the size of images that you have there http://prntscr.com/clpojr In your case it should be 360×240.

3. Add the following code in Theme Options > Styling > Custom CSS
```
.posts-widget- .post-date, .posts-widget- .post-comments {
    display: none !important;
}
```
4. We have only White/Dark color scheme for header (Theme Options > General > Header Settings). If you need any other color use custom css field to add your styles.

5. It depends on design you have. Sometimes 1 level has some special bg settings, margins. Or you have heading that is too big for small devices. Then we use row and 2 rows with heading inside. The First row that includes big heading we hide for mobile(VC column responsive settings). The Second row with the same heading but smaller we show for mobile devices but hide for desktops. Everything depends on your needs.

Regards
#140659 Copied
npucci

Participant

September 26, 2016 at 19:07

Regarding point #1 – Body font within the theme settings.

I have the body font selected in the settings of the theme. However, it IS NOT setting it for the posts. I have my font set to 14px. It’s clearly not 14 px on my posts/ post related widgets. Please double check.

#140802 Copied
Olga Barlow

Support staff

September 27, 2016 at 08:10
Hello,

Oh, I see. In this case, you are right. Blog posts have it’s own styles for the font-size, font-weight, line-height http://prntscr.com/cmu4cq , because it should be bigger than body font according to theme design.
But you can easy change it. Just add in Theme Options > Styling > Custom CSS and replace by your values
```
.content-article p {
    font-size: 1.14rem;
    line-height: 1.8;
    font-weight: 300;
}
```
Regards
#140835 Copied
Tagged: blog, carousel, header, icons, issues, templates, theme, typography, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)