[calmo16]

Hi again 🙂

I have a few questions concerning tags and categories on PAGES.
1) Is there a way to use tags and categories on a Page (without using a plugin)?
2) What is the easiest method to change the layout of the Result Pages of the different tags and categories? (I don’t like it now, especially the white bar with the title)
3) How to add text to those pages?
4) What is the CSS code to get rid of date and author?

Thanks in advance.
BR calmo16

[Pratik]

Hi @calmo16,

1. There is a way but you will need to dig into the codes and need to have quite a bit on knowledge about how categories and tags works on WordPress in code level.

2. That can be achieved too. But again, need some knowledge about Templates Hierarchy of WordPress. You can view this link which describes how to add layouts for different category types.

3. The link in point 2 explains this pretty well.

4. To get rid of date and author in Clean Box Theme, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

header.entry-header .entry-meta {
    display: none;
}

This will remove it in both blog page and single page.

Regards,
Pratik

[calmo16]

Hi Pratik,

Thanks!

Another question: using tags and categories, the results are shown in a big white ‘beam’. Is it possible to make it smaller? And to change the font color, because it’s not very clear in the white?

Also using Search: the search results are shown in this big white beam. How can I change size and color?

And it also would me nice to see whole posts (and not excerpts) as search results.

And how can i use other languages in ‘search results’) Can the text be changed in another language? And how do I change ‘older posts’ and ‘newer posts’ in another language?

Hope it’s not too much and you can help me 🙂

Thanks in advance.
BR calmo16

[Pratik]

HI @calmo16,

Another question: using tags and categories, the results are shown in a big white ‘beam’. Is it possible to make it smaller? And to change the font color, because it’s not very clear in the white?
* For this, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

.page-header {
    color: #ff00dd;
    font-size: 15px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

You can change the hex value of color attribute to change the text color.
You can change the size of text by font-size attribute.
You can change the values of each padding attribute to make the white beam large or small on each side.

Also using Search: the search results are shown in this big white beam. How can I change size and color?
* Same above code will work for search results too since they use same template and class.

And it also would me nice to see whole posts (and not excerpts) as search results.
* For this, you will need to do some customization via child theme. First, you need to make a child theme. For details on making child theme, please see this link. Then make a content.php file and add the codes here. This will make search results display whole post rather than excerpt.

And how can i use other languages in ‘search results’) Can the text be changed in another language? And how do I change ‘older posts’ and ‘newer posts’ in another language?
* This is possible. For this, you need to do it via the pot files. You need to copy the pot file and add a .po file with same template. For more details on translation, goto this link.

Let me know if this works out or not.

Regards,
Pratik

[calmo16]

Hi Pratik,

Thanks for your response!
Concerning the .po file: it didn’t work out. (had to go for a pro version).
I can’t remember I had to use this kind of file for my other websites where there seems to be an ‘automatic’ translation. Isn’t there another way to get just a few terms translated (older posts, newer posts, search results etc)?
Right now I’m using a plugin.

And then there still is a question about the appearance of the menu bar on tablets. It seems the last item appears on the second row there (below the main nav bar).
What’s the trick for Clean Box? 🙂

Thanks in advance.
BR calmo16

[calmo16]

Hi Pratik,

It seems i’m not able to change the font size (?):

.page-header {
color: #ff00dd;
font-size: 15px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}

BR calm016

[Pratik]

HI @calmo16,

There is another way if you do not want to use po files. You can edit the theme functions. For that, you need to do some customization via child theme. For details about child theme, please visit this link.

After adding the child theme, you need to do is add the function clean_box_content_nav() from parent theme’s functions.php to child theme and edit the texts in line 533 and 534 (for older and newer posts).

For search results, you need to add search.php from your child theme to your parent theme and edit line 19.
—————————————————————————————————————————————————————-
For appearance of the menu bar on tablets and font size, please post in your site url and the device so that I can check it.

Regards,
Pratik

[calmo16]

Hi Pratik,

Before making child theme i’m testing some things 🙂

– Translations: I don’t understand: what exactly and how do I have to edit in both functions.php and search.php?

– Concerning the menu bar in tablets: http://www.beste-kapper.nl/

– And can you tell why changing the font-size in the page header doesn’t work?

BR calmo16

[Pratik]

Hi @calmo16,

– Translations: I don’t understand: what exactly and how do I have to edit in both functions.php and search.php?
* You will need to change the texts in those functions to the one you want to show. E.g: You can change Older Posts to the text of language you want.

– Concerning the menu bar in tablets:
The menu items will go down on second row because there are many items on the menu. This is default behavior. The mobile menus will cone into effect on devices with width less than 991 px.

– And can you tell why changing the font-size in the page header doesn’t work?
This required me to view your site. Now I can give you CSS code. Add following code in Appearance=> Customize=> Theme Options => Custom CSS box:

.page-header .page-title {
    font-size: 20px;
}

This should work now.

Let me know if it does not work.

Regards,
Pratil

[Author]

Posts