Jump to content

Bug: Category Image In 1.6.1.3 Issues, How To Change Text And Move Image To The Right?


HavanA

Recommended Posts

I came across the same issue as described here and I would like to "solve" it by making the text light gray and moving the image on the category page to the right (only if that does not cause any other issues with the theme on different screen sizes).

 

I would like to know if someone can give me a push in the right direction how to edit category.tpl:

 

1.) make the big text light gray, so it is visible on the white background (and also still visible with the dark gray background in case any other categories don't have an image)

 

2.) push the picture to the right of the screen on the category pages (see the link below)

 

 

 

image: http://prntscr.com/9dnc72

 

 

Edit: the bug is also described here

Edited by HavanA (see edit history)
Link to comment
Share on other sites

I found this topic: https://www.prestashop.com/forums/topic/3259[spam-filter]solved-align-category-image-to-the-right/page-2?do=findComment&comment=1725464

 

I changed this (category.css in my default theme)

  .content_scene_cat .content_scene_cat_bg {
    padding: 18px 10px 10px 42px;
    background-color: #ffffff !important;

to this

 .content_scene_cat .content_scene_cat_bg {
    padding: 18px 10px 10px 42px;
    background-color: #ffffff !important;
    background-position: right !important; }

And I have regenerated thumbnails after setting category images to 217x217. Unfortunately the result is a bit overkill: http://prntscr.com/9dyb6d

 

 

==========================

 

I changed the color of the text by changing this in category.css

.content_scene_cat span.category-name {
    font: 600 42px/51px "Open Sans", sans-serif;
    color: #fff;
    margin-bottom: 12px; }

to this

.content_scene_cat span.category-name {
    font: 600 42px/51px "Open Sans", sans-serif;
    color: #ff5200;
    margin-bottom: 12px; }

Now that text is OK, but how to get the image properly displayed?

 

I found this post of Vekia: https://www.prestashop.com/forums/topic/3259[spam-filter]solved-align-category-image-to-the-right/page-2?do=findComment&comment=1726019

But to what do I change it ??

 

 

BTW in 1.6.1.3  there is a possibility to add 3 different images ( http://prntscr.com/9dydc0 ), but if I leave the first one empty, the other two are not displayed anyway and if I upload a picture to the main-picture, only this picture seems to be displayed in miniatures (option 2 and 3 for adding images to category).

Edited by HavanA (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...