Change of design

[khasta]

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.

[Jan]

Hi, what is a difference between both designs?

[khasta]

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

[Jan]

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

Jan

[khasta]

Hi.

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

Thank you

[Jan]

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

Jan

[khasta]

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]

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]

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]

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