Change of design

khasta
Phoca Member
Phoca Member
Posts: 19
Joined: 28 Nov 2017, 23:27

Change of design

Post by khasta » 19 Dec 2017, 19:42

Hi.
When I access the component from the menu item, it shows the categories with a design, but when I click on any of the categories, or in the parent category, the design changes (correct design). In addition, it has a background with the parent category and an arrow to navigate. How can I do to always see this second design?

Attached image to see difference: https://goo.gl/EUb96P

Thank you.


User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 39882
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Change of design

Post by Jan » 20 Dec 2017, 15:26

Hi, what is a difference between both designs?
If you find Phoca extensions useful, please support the project

khasta
Phoca Member
Phoca Member
Posts: 19
Joined: 28 Nov 2017, 23:27

Re: Change of design

Post by khasta » 20 Dec 2017, 20:54

Hi.

I have uploaded a new example without deleting anything to make it look better: https://goo.gl/4D93uN

The image on the left has no design, and if the name is long, it appears in two lines.
In the image on the right, the title appears in a single line and with a background, in addition to a green arrow that makes navigation. In addition subfolders also appear all in a row if the name is long.

By default I see the version on the left, and when I click on any of the folders, the design that appears is the one on the right. I need the design that loads from the beginning to be the second.

Thank you

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 39882
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Change of design

Post by Jan » 23 Dec 2017, 20:57

Can I see the site where it occurs - to see which class or tag both designs get, seems like the get different style :idea:

Jan
If you find Phoca extensions useful, please support the project

khasta
Phoca Member
Phoca Member
Posts: 19
Joined: 28 Nov 2017, 23:27

Re: Change of design

Post by khasta » 26 Dec 2017, 20:08

Hi.

Yes. Where can I send the url and access data so you can see it?

Thank you

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 39882
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Change of design

Post by Jan » 29 Dec 2017, 00:29

Hi, you can paste the link here in this forum.

Jan
If you find Phoca extensions useful, please support the project

khasta
Phoca Member
Phoca Member
Posts: 19
Joined: 28 Nov 2017, 23:27

Re: Change of design

Post by khasta » 01 Jan 2018, 21:05

Hi.
The url is this: https://goo.gl/Gty8nL

It only happens to me if I choose Category List (Category View). I hope you can help me to get the right design straight out.

Thank you

christine
Phoca Hero
Phoca Hero
Posts: 1306
Joined: 28 Nov 2010, 17:20

Re: Change of design

Post by christine » 01 Jan 2018, 23:45

Hi khasta,

I think the reason is, that you have 1 categoriesbox (pd-categoriesbox) with subcategories (pd-subcategory 3x).

Have a look here: https://www.phoca.cz/joomla3demo/phoca-download-demo. You can see: 6 x pd-categoriesbox.

The formatting of your url and demo is:

#phoca-dl-categories-box div.pd-categoriesbox {
width: 28%;
position: relative;
float: left;
margin: 1%;
padding: 1%;
}
Kind regards, Christine

khasta
Phoca Member
Phoca Member
Posts: 19
Joined: 28 Nov 2017, 23:27

Re: Change of design

Post by khasta » 02 Jan 2018, 15:36

Hi Christine,

The problem is that when accessing that url, the view of category and subcategories is not correct. If you click for example on the Parent Category, it appears with the correct design.

What I need is that it comes straight out with the correct design without having to double click.

Thank you.

King regards, Khasta

khasta
Phoca Member
Phoca Member
Posts: 19
Joined: 28 Nov 2017, 23:27

Re: Change of design

Post by khasta » 03 Jan 2018, 19:08

Hi.

In the correct design, the css of the parent category is the following:
# phoca-dl-category-box .pd-category h3.pd-ctitle, # phoca-dl-file-box .pd-file h3.pd-ctitle, # phoca-dl-download-box .pd-file h3. pd-ctitle {
     margin: 0;
         margin-bottom: 0px;
     Padding: 5px;
     background: #fafafa;
     border: 1px solid # e9e9e9;
     margin-bottom: 7px;

What should I do to respect this design and not show what it shows initially?

Thank you

Post Reply