As you can see at the image I want a background on this categorie, but only in the box where ”A1 world combat cup” is written and not the whole background.
How can I do this?
See image:
https://www.dropbox.com/s/33a7cayjytuu3kg/Schermafdruk%202016-11-29%2014.54.09.png?dl=0
Hello,
It seems you are using category template 8. That particular category has a transparent header so you can see the background behind it. If you want to only have an image inside the transparent box it will reuqire customization. Please follow this topic to see how it can be done: https://forum.tagdiv.com/topic/category-box-changing-the-bg-photo/
Thank you!
I’m sorry but it still doesn’t work. I still have the big background even doing what you told precisely.
https://www.dropbox.com/s/vpsx3yl46sdb6y0/Schermafdruk%202016-11-29%2016.27.50.png?dl=0
Could you help me?
Well you should remove the background image from your category first: http://screencast.com/t/i7AU1U4Nz Then customizae the code adding your own image to it and placing it in the theme panel->custom css box.
Thank you!
I removed it and now the background is gone which i understand. But where do I find the url now to put on here: my_image_here
I did it, but it still doesn;t work. Really sorry for the problem. Maybe if I explain everything very claer you can see where I make the mistake:
1)First I deleted the background image on the categorie like you said to do: https://www.dropbox.com/s/n1j7eipd47r2mwc/pic%201.jpg?dl=0
Can you also check the background style? Maybe that has something to do with the problem.
2)Then I went to the library and got this link:
https://www.dropbox.com/s/nm9lv9c0a8bi4n7/pic%202.jpg?dl=0
Is this the right link? I’m still a noob on this website building thing.
3)Then I went to ”categories” and copied this text to where it says ”put yur categorie here”:
https://www.dropbox.com/s/twqxc5vhvhl2abv/pic%203.jpg?dl=0
4)Finally the code, but it still doesn;t work:
https://www.dropbox.com/s/hflg85dvzkyv5xo/pic%204.jpg?dl=0
I don;t got the error anymore by the way.
Hi,
Try another method as the slug will not work in css. Use the category ID in the code. Here is how you can see the category ID: http://screencast.com/t/7tfnTmaEq
Now use the code like so:
category-167 .td_category_template_8 .td-category-header {}
substitute my category id (167) with your own. If it still does not work, please provide a link to your category page so I can inspect it.
Thank you!
I tried it again the way you showed, but still no result. The picture is not even showing now.
See picture for the code I tried, I also tried it with the dot before ”category-19”, but also no result.
https://www.dropbox.com/sh/arns9nhlxfkhd30/AACH02Cprw4LygtAZAlZYvPia?dl=0
Here is the link to the categorie: https://goo.gl/iFbf4D
I really struggle with this for quite some time and still haven’t found a solution. If you could help me fix this today I would be very grateful
takes a whole day lol…
Hi,
Sorry but we are not in the same time zone. The support hours are posted on this page at the top right of the screen.
Here is an example that works on your particluar category:
.category-19 .td-category-header{
background-image: url("http://cdn.gottabemobile.com/wp-content/uploads/2013/04/HTC-One-Photo-Sample-Marbles.jpeg");
background-repeat: no-repeat;
background-size:100%
}
I hope this helps.
Thanks.
It finally worked, but it doesn;t show the picture completely. It only takes a part of it…
Hi,
Well I think it’s common sense that you cannot place a small square image inside a large wide containaer such as the category header. Please edit your image and make it as wide as the container and narrow as well then it will show up properly.
Thank you!
I changed my mind and will continue with category template style 6. It still works so that is nice, but I can;t find the sizes of the box where I want the picture. Could you tell me what the sizes are of the box?
Hi,
The category template uses this size: http://screencast.com/t/qXBuG6Lh
You should use images as close to this size as possible
Thank you!
I don’t want to be a pain in the ass, but I think you made a mistake… As you can see in this link the picture is too big and doesn;t show everything: https://goo.gl/b7Wdx7
While the picture itself is 1164×400 like you said. I just made all pictures 1164×400 and now it is wrong….could you please take a look?
Hi,
That container size is 1164×400 so if you add a background image with the specific size it will fill up add that container.
If you need other custom modifications I suggest to get someone to help you as we cannot provide custom work, sorry!
Thanks!
Come on please don’t do this to me again….I also had a problem with the code, but it wasn’t my fault as you can read above and now this and again. I followed everythign that was written here and it doesn’t work just like the code in the beginning.
The picture I uploaded is 1164×400, but it doesn’t show it completely: just look at the link:
1: Website where you can see how it is shown: https://goo.gl/b7Wdx7
2: The picture where you can see that it is 1164×400: https://www.dropbox.com/s/t9s45qm8bgv77kb/final%20fight%20championship%201164×400.png?dl=0
This is no custom work, I’m just asking what the dimensions are and you guys answered it, BUT IT DOESN’T WORK.
Please help me and have a look, the picture doesnt completely fill up the box while the dimensions are perfect.
Hi,
Please try this custom css – http://screencast.com/t/uIWLytNwe
.td_category_template_6 .td-category-header {
min-height: 400px;
}
Thanks!
Yes, it worked! Thank you very much. But just out of curiosity, why didn’t it work first if the dimensions are correct? Are the dimensions of the box actually different then 1164×400? I don’t mind that, I can change the pictures to every dimension.
