Return to previous page

Multiple problems on multi-purpose theme

This topic has 17 replies, 4 voices, and was last updated 7 years, 1 months ago ago by Rose Tyler

Jarkko

Participant

February 9, 2017 at 17:22

Hi,

I’ve done English -> Finnish translations in po/mo files and written custom CSS in my child theme but these I’ve not found the solution for so maybe you could help me out?

1. Translation issues that don’t seem to be in the .po/.mo files:

a) http://www.laatusuklaa.fi/blogi/ -> “Vanhemmat kirjoitukset” (bottom at page) -> It says “(Page 2)” on the top when it should say “(Sivu 2)” in Finnish.

b) If you add a couple products to the wishlist from the shop http://www.laatusuklaa.fi/kauppa/ and go look at the wishlist itself, the following texts are shown in english (Finnish in parentheses):
Product Name (Tuote)
Unit Price (Hinta)
Stock Status (Varastotilanne)
In stock (Varastossa)
Share on: (Jaa:)
…and just in case:
Out of stock (Loppunut varastosta)

2. Why is the background color of my static block footer not brown in
– single post pages (for example http://www.laatusuklaa.fi/2016/11/willies-cacao-sea-salt-caramel-black-pearls-71/)
– brand pages (for example http://www.laatusuklaa.fi/brand/willies-cacao/)
and how do I make it brown like on other pages?

3. If I want to show the LI bullets on single product pages (like http://www.laatusuklaa.fi/tuote/kotitasting-paketti-digiversio) and nowhere else, how should I do that?

4. How do I change the font, font color and maybe backround of the dropdown top menu that shows up when I scroll down a page?

5. How do I change the link and hover colors in the static block I have as footer on the site?

Thank you very much in advace!

Please, contact administrator
for this information.

#154415 Copied

16 Answers
Eva Kemp

Support staff

February 10, 2017 at 17:46
Hello,

1. a) Sorry, but there is no option to translate “page” slug. This is by default in Wordoress.
b) You need translate Wishlist plugin, go to wp-content/plugins/yith-woocommerce-wishlist/languages, find the file yith-woocommerce-wishlist.pot and generate your translation .po and .mo files with your locale as described here http://betterwp.net/wordpress-tips/create-pot-file-using-poedit./ .
Your files should have names yith-woocommerce-wishlist-fi.po, yith-woocommerce-wishlist-fi.mo, move them to the directory wp-content/languages/plugins.

2. I’ve added the code in Global Custom CSS:
```
.footer-top-2 {
    background-color: #461c11;
}

.footer-top-2 p, .footer-top-2 h3 {
  color: white !important;
}
```
Please check.

3. Add this code in Global Custom CSS:
```
.short-description ul li {
    list-style: disc inside;
}
```
4. Use this css code:
```
.fixed-header-area .menu > li > a {
   color: red;
   font-size: 15px !important;
   font-family: open sans;
}
.fixed-header-area {
   background-color: grey;
}
```
Change values to yours.

5. Use the following css code:
```
.footer-top-2 a {
   color: blue;
}
.footer-top-2 a:hover {
   color: blue;
}
```
Change color values to yours.

Regards,
Eva Kemp.
#154494 Copied
Jarkko

Participant

February 11, 2017 at 08:29

Hi and thanks, but these two I can’t get to work properly:

4.
.fixed-header-area .menu > li > a {
color: red;
font-size: 15px !important;
font-family: open sans;
}
=> They do nothing to the font color or size when modified. I did manage to change the background.

5. (modified to my colors)
.footer-top-2 a {
color: #f1e3ac;
}
.footer-top-2 a:hover {
color: #f1e3ac;
text-decoration: underline;
}
=> These only work in the blocks mentioned in point “2” of my original post, for example page http://www.laatusuklaa.fi/2016/11/willies-cacao-sea-salt-caramel-black-pearls-71/
However, it does not affect pages where the static block backround was already brown, like the front page: http://www.laatusuklaa.fi/

Regards,
Jarkko

#154521 Copied

Jack Richardson

Support staff

February 11, 2017 at 10:45

Hello,

4. I don’t see the code added in Custom CSS.
Please re-add it with your customizations so we can check it.

5. I’ve edited the code. Please check footer now.

Best regards,
Jack Richardson.

#154529 Copied

Jarkko

Participant

February 11, 2017 at 14:04

Thanks for number 5. Actually number 4 also works now, maybe it was a browser cache thing. But I have a few new things before my site is up and running:

6. If you look at any (chocolate) product page like http://www.laatusuklaa.fi/tuote/rozsavolgyi-csokolade-madagascar-trinitario-72/ you can see the “(heart) add to wishlist”, “add to comparison” and ” (letter) send by email” links below the “add to cart” button. Is there a way to remove the heart and the letter images? This might also drop the “add to wishlist” text 1px down which would bring it to the same level with the others.

7. Looking at the shop frontpage http://www.laatusuklaa.fi/kauppa/ : Move your mouse over any product and you’ll see the links “add to wishlist” and “Quickview” appear on top of the image. How can I change the Quickview link hover to the same color as the Add to wishlist link hover (#917c27)?

8. At the very top of every page there are the black and dark grey block. Is it possible to remove
– all the sharing buttons
– remove the currency icons

and move
– the “my account” and “log out” links next to the language selectors on the left
– the search and shopping cart from the grey block straight upwards to the black block (where the “my account” and “log out” links currently are)

and finally remove the dark grey block completly?

#154551 Copied

Jarkko

Participant

February 12, 2017 at 05:08

Please note that I’ve now copied the file wp-content/themes/royal/headers/parts/top-bar.php to my child theme and removed the currency icons already and renamed the languages.

I’ve installed Polylang plugin and planning on having only the blog and one other page in English and everything in Finnish. This shouldn’t be a problem, right?

#154568 Copied

Jarkko

Participant

February 12, 2017 at 09:36

Please forget about item 8 on my list. I’ll have to think more on that issue.

However items 6-7 are still current 🙂

#154570 Copied
Eva Kemp

Support staff

February 14, 2017 at 17:07
Hello,

6. Please use this css code:
```
.product-information .yith-wcwl-add-to-wishlist a::before, .product-information .email-link::before {
   display: none;
}
```
7. Use this css code:
```
.footer-product .show-quickly:hover {
   color: #917c27 !important;
}
```
Regards,
Eva Kemp.
#154807 Copied
Jarkko

Participant

February 15, 2017 at 07:26

Thanks!

On my blog page http://www.laatusuklaa.fi/blogi/

– how can I hide the left button “show image” on the posts? There should be no link to larger image at all.
– how can I hide the semi-transparent brown thing that appears on mouse rollover?
– how to make the second “read more” button located center of the article image?

The same should apply for the article pages like http://www.laatusuklaa.fi/2017/01/chocolate-tree-madagascar-ambanja-milk-50/

Thanks again!

/Jarkko

#154831 Copied
Eva Kemp

Support staff

February 15, 2017 at 15:44
Hello,

1. You need edit the file wp-content/themes/royal/content-grid.php and comment or remove the line 63:
<a href="<?php echo etheme_get_image(); ?>" class="btn btn-black xmedium-btn" rel="pphoto"><span><?php _e('View large', ETHEME_DOMAIN); ?></span></a>

2. Please use this css code:
```
.wp-picture .zoom > i {
    background-color: transparent;
}
```
3. Add this css code:
```
.single-post .wp-picture .btn_group a {
  display: none;
}
```
Regards,
Eva Kemp.
#154887 Copied
Jarkko

Participant

February 16, 2017 at 06:36

Hi again,

Please look at the blog http://www.laatusuklaa.fi/blogi/ and the left sidebar widgets. How can I change these:

1. Make the headers start from the left like the other texts?

2. Change the font size of the text in the widgets (“3.00 – 3.49” and the others…)

3. Remove the grey line between all items in the widgets (like between “3.00 – 3.49” and “3.50 – 3.99”)

4. Change the padding/margin between the lines “3.00 – 3.49” and “3.50 – 3.99” and others (I think it’s too big now)

5. What file and where in that file do I need to modify it so I can rearrange the order of categories block and title on any sigle post page in the blog? I did this already in blog front page in file content-grid.php

6. How can I (or you…) move the shoppig cart and search icons from the top right grey area to the black area above it?

7. How can I move the social icons on the top left grey area to the center of the top black area?

8. How do I remove the now empty grey area from the top?

#154933 Copied

Jarkko

Participant

February 19, 2017 at 12:09

Hello..?

#155180 Copied
Eva Kemp

Support staff

February 20, 2017 at 17:11
Hello,

Sorry for a delay.
1. Please use this css code:
```
.sidebar.sidebar-left .widget-title span {
   padding-left: 0 !important;
}
```
2. Add this css code:
```
.sidebar.sidebar-left .widget_nav_menu li a {
  font-size: 12px !important;
}
```
3. This css code will help you:
```
.sidebar.sidebar-left .widget_nav_menu li {
    border-bottom: none;
}
```
4. Please use the following code:
```
.sidebar.sidebar-left .widget_nav_menu li a {
    padding: 5px 0 !important;
}
```
5. You can rearrange categories in Posts > Categories, just drag them in the order you need.

6. Please try this css code:
```
@media (min-width: 1200px){.header-type-17 .header-top .container > .navbar-right {
    position: absolute;
    top: 5px;
    bottom: 0;
    left: auto;
    right: 20px;
    height: 20px;
}}
```
7. Add this css code:
```
.header-top .container {
   text-align: center;
}
.header-type-17 .header-top .header-custom-block {
    float: none !important;
}
```
8. Please show a screenshow what you want to remove.

Regards,
Eva Kemp.
#155273 Copied
Jarkko

Participant

February 20, 2017 at 20:44

5. What I actually wanted is to move the title to the top and have the categories below it. http://prntscr.com/eb8zlj

6. – 8. Here’s what I’m hoping for: http://prntscr.com/eb8ugk

NEW:
9. How come the header looks different in two single post pages? http://prntscr.com/eb94zy

#155308 Copied
Rose Tyler

Support staff

February 21, 2017 at 08:53
Hello,

5. You can edit content.php file.
6-8. I’ve added some code in your Custom css. Please check it.
9. Please try this css code:
```
.single-post .page-heading {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
```
Regards,
Rose Tyler.
#155339 Copied
Jarkko

Participant

February 21, 2017 at 17:53

5. copied the file to my child theme but can’t figure out how to change places for the two. I was looking at lines 73-74 in particular but whatever I tried (changed their place etc.) the title won’t change places with the categories…

6-8. Nice on desktop and tablet but not working well on mobile (upright)…

#155413 Copied

Rose Tyler

Support staff

February 22, 2017 at 11:05

Hello,

Sorry, please edit single.php file.
You can enable Custom Grid Size http://prntscr.com/ebxg92 and then edit style for mobile view http://prnt.sc/ebxfi8

Regards,
Rose Tyler.

#155448 Copied
Viewing 17 results - 1 through 17 (of 17 total)