Return to previous page

Cannot Override Font style, Center bread crumb not working

This topic has 10 replies, 3 voices, and was last updated 6 years, 10 months ago ago by Rose Tyler

civetcafe

Participant

January 11, 2018 at 20:24

Hello, I have several questions.

1. I would like to add a menu “WELCOME” but how can I create this menu structure?
When I add new item in the menu, I only see the Navigation.
I would like to have as well Anchor, Design, Label etc like in the picture.
Please see screen shot—/> http://prntscr.com/hz4qwf

2. When I modify fonts, I cannot override the fontstyle, size, color. Where can I edit the font for H1, H2, H3 etc. Menu (main menu).
Please see screen shot—/> http://prntscr.com/hz4sbj

3. I would like to modify the color in the footer widgets area as well as its font but I cannot find it. Or the font in the styling and typography is not working thats why I don’t see the change?
I would like to have #44271e for the ABOUT US content section in column footer 1 and
#c68240 for the footer column 3 for the showed date of the blog like in the picture.
Please see screen shot—/> http://prntscr.com/hz4t3v

4. In the blog section, where can I modify the font size of the title? Because it is a bit small. I want the font size of the side bar as well to be more small than the regular font size of the content. Also, the category of the side bar is capitalized. I just want to have no text transformation. Thank you.
Please see screen shot—/> http://prntscr.com/hz4v7s

5. I would like to have the same breadcrumb style like in the Bakery demo. But the font is more small. I tried to modify in the styling of blog “center” but it’s not working.
Please if it is also possible, the presentation. The sidebar is the same level of the picture and not full width picture like in my blog presentation. I choose this presentation like in the demo but it’s not working.
Please see screen shot—/> http://prntscr.com/hz4wjs

Thank you so much and looking for positive response. Thank you in advance.

Cheers,
Ana

Please, contact administrator
for this information.

#181662 Copied Theme version: 4.15 WooCommerce version: 4.9.1

9 Answers
Rose Tyler

Support staff

January 12, 2018 at 10:13
Hello,

Thanks for the topic.

1. After adding menu element you need to save menu to be able to see all options http://prntscr.com/hzcwz2
Please describe in details menu structure that you want to create.

2-3. Main settings for text fonts, you can find in Theme Options > Typography.
On your screenshot I see elements of footer. I’ve checked your Footers areas in Appearance > Widgets and I would recommend you to create footer using static block to be able to edit elements using Visual Composer https://www.8theme.com/documentation/xstore/support/static-blocks/ https://www.8theme.com/documentation/docs/widgets-custom-widget-areas/ https://prnt.sc/h784gu

4. You may change font size http://prntscr.com/hzd2rr in this custom css code – http://prntscr.com/hzd2dl

I want the font size of the side bar as well to be more small than the regular font size of the content.

–
```
.blog .sidebar {
    font-size: 14px;
}
```
Also, the category of the side bar is capitalized. I just want to have no text transformation.

–
```
.blog .widget_categories ul li a {
    text-transform: none;
}
```
5. Go to Theme Options > General > Breadcrumbs > Breadcrumbs Style > Align center or you may change Breadcrumbs Style only for the blog page in [8theme] Layout options > http://prntscr.com/hzd97u
Blog layout you may change in Theme Options > Blog & Portfolio > Blog Layout.

Regards
#181696 Copied
civetcafe

Participant

January 12, 2018 at 16:39

Hello.
Thank you for the support. I managed to change and modify all my questions based on your instructions.
Thank you so much.

1. I just need an important advice. Because I will install WPML, I already have an existing website, and when this site is finish, I will transfer it to the original domain from (test.civetcafe.com) to (civetcafe.com) for the translated site, I am using different domain, is it better to translate now using test.civetcafe.fr the site or transfer first then add the translation?
will i not have difficulty transfering if i translate it using subdomain? thank you.

2. I would like to increase the padding on the header top bar of Left and right. How can I modify its padding? I only see the padding of the header but not the top header. I also check the widgets of left and right top bar but it’s not there. Thank you.
Have a nice day.

Cheers,
Ana

#181756 Copied
Olga Barlow

Support staff

January 15, 2018 at 09:57
Hello,

You are welcome!

1) I think you should not face problems but it would be better to contact with WPML support with this question to be sure.
From our side, I can tell you that after transfer to main domain you will need to deactivate theme license via Theme Options and re-activate theme again using your purchase code, to avoid the problem with next theme updates.

2) If you want to increase the height of the top bar you can use the following code
```
.top-bar {
    padding: 10px 0;
}
```
Regards
#181843 Copied
civetcafe

Participant

January 15, 2018 at 11:54

Hello,
Thank you for the answer. I have follow-up questions and I hope you can help me again. tia

1. For the padding, I would like to increase the padding on the left and on the right. Not on the top.
Please see screenshot —/> http://prntscr.com/i0n7g7

2. In the mobile view, the text is not responsive. The added button in the revolution slider is also blocking the text. The text is not in the center and the font was too big for the mobile view.
How to change this? I can only change the mobile “Menu” button but not the H1,H2, etc.
In the Genetal Styling where is H1, H2? what is the equivalent in your theme because its not indicated. I can only see secondary, etc.
Please see screenshot —/> http://prntscr.com/i0n86r

3. I would like to change the hover color. I’ve tried changing in the Styling >Customized button on hover state, but it’s not changing at all. Same with the “back to top” button. I would like to change it with this color = c68240
Please see screenshot —/> http://prntscr.com/i0n9o9

4. Home Font size: I would like to increase the font size of the title with icon. Also where can I change the tag of the title? For the title with icon in this part, I would likt to use H4.
I would like to also use title with divider in the Contact Page but I don’t know how I can use H1 title with Icon.
Please see screenshot —/> http://prntscr.com/i0nax1

5. In the Homepage, I put Latest blog in Masonry Style. How and where I can set the ratio of the picture in the masonry view of the blog? I used photo with 1160x700px . It loooks fine in the Blog Page as well as Single Blog post. But cropped in the masonry view.
Please see screenshot —/> http://prntscr.com/i0nbwi

6. I would like to remove the cart picture in the “empty cart” page because I would like to put my own “empty cart” picture.
Please see screenshot —/> http://prntscr.com/i0ncyh

7. I would like to change the divider color. And when I use short divider, it’s still using a full width divider.
Please see screenshot —/> http://prntscr.com/i0ne1g

8. In the Blog page, I am using a timeline view/list but the space between two article is huge. I would like to decrease the padding/margin. In addition, I would also like to put a divider in between articles.
Please see screenshot —/> http://prntscr.com/i0nehi

Please, contact administrator
for this information.

#181860 Copied

civetcafe

Participant

January 15, 2018 at 13:06

Additional question:

9. How to make background picture fixed on the breadcrumbs? I would like to remove the padding between breadcrumbs’ divider line and picture.
Please see screenshot —/> http://prntscr.com/i0ocpn

#181870 Copied

civetcafe

Participant

January 15, 2018 at 13:25

10. I would like to remove this in the Shop page and Single product page. It is like a static block but I don’t knpw where to remove.
Please see screenshot —/> http://prntscr.com/i0omcx

#181872 Copied
Rose Tyler

Support staff

January 15, 2018 at 15:15
Hello,

Please create separate topics for different questions.
1.
```
.top-bar .languages-area {
    margin-left: 10%;
}
.top-bar .top-links {
    margin-right: 10%;
}
```
2. Go to slider settings and change element settings depends on resolution http://prntscr.com/i0puks
Have you sorted out http://prntscr.com/i0pxjj ?
3.
```
.view-color-dark .show-quickly:hover, .view-color-dark .button:hover {
    background-color: #c68240;
    border-color: #c68240;
    line-height: 3.3rem;
}
.product-view-mask .footer-product .button {
    line-height: 3.3rem;
}
.back-top span:before {
color: #c68240;
}
```
4. Please check settings of element on your site http://prntscr.com/i0q1yb
5. All options for blog page you may find in Theme Options > Blog & Portfolio > Blog Layout, for example, Images sizes for blog.
6. Theme Options > E-commerce > Shop > Text for empty cart.
7. Try to use VC Separator element instead of hr.
8. Try to change this code http://prntscr.com/i0q6xo in Theme Options > Custom css to:
```
.blog .blog-post {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 25px;
}
```
9. Try to add this code in Custom css for page http://prntscr.com/i0q9je
```
.et-header-overlap .page-heading, .et-header-overlap .page-heading.bc-size-small {
    margin-bottom: 0;
}
```
10. Appearance > Widgets > After the products
Read more https://www.8theme.com/documentation/docs/widgets-custom-widget-areas/

Regards
#181900 Copied
civetcafe

Participant

January 16, 2018 at 11:51

Hello,
These questions was resolved already.
Thank you.

#182040 Copied

Rose Tyler

Support staff

January 16, 2018 at 13:12

Hello,

You’re welcome!

Regards

#182057 Copied
Tagged: center bread crumb, font style, override, templates, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Cannot Override Font style, Center bread crumb not working’' has been successfully resolved, and the topic is now closed for further responses

Cannot Override Font style, Center bread crumb not working

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection