Hi,
Some questions about the Per category settings color and background:
– The background image is set to the background of the page : in which file can I remove the background instruction?
– What is the name of the variable which contains the image location?
– What is the variable of the CATEGORY TAG COLOR ON POST PAGE?
Thank you
Thank you
Hi,
Maybe I am misunderstanding this, but if you do not want a background image for that category page, remove it. The code that does this would be in this file however
– https://www.screencast.com/t/H2GM1ivW
Also for the category tags color in the post page
– https://www.screencast.com/t/CMArXO3jMR3z
Thanks
Yes, I want to use the image in the Per category settings and have it appears in the Category template style 8 top space. For this I am going to modify the Category template 8 and add :
<div class=”td-category-header td-container-wrap” style=” background-image: url( ); background-size: cover; border-top-color:#9DC033; border-top-width:10px;”>
Then I need to put the link to the file in the URL.
Also I could not have the border to appear?
The image you upload in the per category settings will be displayed as background for the category page.
It will also be used as background for the posts that have that category as primary
– https://forum.tagdiv.com/primary-category/
I believe that you want to set an image as background only for the top section, the category header. This would be a similar topic, or try it any any way you want
– https://forum.tagdiv.com/topic/style-8-header-on-categories/
Well, I am already doing this and you are not answering my questions :
1 – In which file can I remove the background of the page?
2 – What is the variable of the image (I figure I could find it in this file)
3 – What is the variable of the color I can call?
Thank you
That is the code section that affects the category pages
– https://www.screencast.com/t/Rb2FwIn6v
If that code is removed there will be no more background in the category page. Or modify it as you wish. However all the background cases are in that file.
The code for the tag color is located in the other file I mentioned
– https://www.screencast.com/t/Ubp5fUMSrfsu
Let me try this 🙂
<div class=”td-category-header td-container-wrap” style=” background-image: url($background_params); background-size: cover;>
the background image url is $background_params?
You could try that and see if it works. It might require more modifications, I could not say what it will take to do something like this. Unfortunately we do not have a theme modification or customization department to help you with more advanced code modifications. We would recommend the developers form here if you want to do this by code
– https://studio.envato.com/
Or try the CSS method, which would be easier. Remove the image from the theme panel, and set it with CSS as mentioned in the topic. Sorry for the inconvenience.
Would it be possible to have a different image for each catagory with the CSS?
Yes it will, like this for example using the category unique ID
– https://www.screencast.com/t/YpFjvLdXj8VH
You can use the name as well, to recognize the categories faster
– https://www.screencast.com/t/ekbunJkMnE
Great! But cannot find the category ID using webdev, is it the same as the one in the database?
Also what is the CSS for the category tag?
Thank you
You can find the ID for example by hovering the category name
– https://www.screencast.com/t/4cse2WBk
In order to change the color of the tag, you could try something like this
– https://www.screencast.com/t/2JoEVhLqv3
The code will color the tag of that category, when the respective category page is viewed
.category-101 .td-current-sub-category {
background-color: red!important;
border-color: red!important;
}
Hum, It is working fine with the background image for example
.category-logements-sociaux .td-category-header {
background-image:url(“https://monimmeuble.com/wp-content/uploads/2018/05/bandeau-logement8.jpg”);
background-size:cover;
}
but doesn’t seem to work for the tag color :
.category-logements-sociaux .td-current-sub-category {
background-color: #c7cf31!important;
border-color: #c7cf31!important;
}
That code will apply when that category page is viewed
– https://www.screencast.com/t/dEpOgNv3uzFt
When on a different category page it will not apply
– https://www.screencast.com/t/zKBfuMjMbs
If you want the category tag color to apply on all category pages, a code like this might work
– https://www.screencast.com/t/xYKDjjKK08RR
This code will apply to all the category pages headers, where the name of the category appears. This is the code used
.category .td-category-header a[href*="street-fashion"]{
background-color: red!important;
border-color: red!important;
}
Thank you
What is “street-fashion” the page category, ? the page url ?
What about the other pages like homepage?
That is the name of the category in my case
– https://www.screencast.com/t/YYSvO0czL
The code will look in the category header section and when it finds that category name it will color the tag, like this
– https://www.screencast.com/t/I0PadH2u
This code will not work on the homepage. All the tags on block modules have a predefined black color, while the hover will be the color you set for the block title background
– https://www.screencast.com/t/L5CxtNbieNy3
The default hover color of the tags will be the theme accent color set in the theme panel.
This would be a related topic
– https://forum.tagdiv.com/topic/category-label-appearance-on-block-1/
Maybe there will be more options added for the category tags design in a future update, I believe it is added on our list.
