Add a text bock with CSS

Site URL: https://www.noadecajou.com/shop?category=Birth%2Bgift

Hi,

I would like to add a text block just below the category menu bar on my e-shop.  You can see the list of my category on this page https://www.noadecajou.com/shop?category=Birth+gift. It start with "all" and finishes with "bedding". I'd like to have a text under that list when I click on the  "birth gift" category. Could you please help me and let me know how I could do that? Many thanks for your help!

2 hours ago, Tinasor said:

Site URL: https://www.noadecajou.com/shop?category=Birth%2Bgift

Hi,

I would like to add a text block just below the category menu bar on my e-shop.  You can see the list of my category on this page https://www.noadecajou.com/shop?category=Birth+gift. It start with "all" and finishes with "bedding". I'd like to have a text under that list when I click on the  "birth gift" category. Could you please help me and let me know how I could do that? Many thanks for your help!

@Tinasor to add a text section like that would require JavaScript and not CSS. 

Is this where you're wanting to add text?

 

4 hours ago, Tinasor said:

Site URL: https://www.noadecajou.com/shop?category=Birth%2Bgift

Hi,

I would like to add a text block just below the category menu bar on my e-shop.  You can see the list of my category on this page https://www.noadecajou.com/shop?category=Birth+gift. It start with "all" and finishes with "bedding". I'd like to have a text under that list when I click on the  "birth gift" category. Could you please help me and let me know how I could do that? Many thanks for your help!

Hi there

Did you want to show text under the nav like?

https://prnt.sc/szjp5p

On 6/14/2020 at 5:45 PM, bangank36 said:

Hi there

Did you want to show text under the nav like?

https://prnt.sc/szjp5p

Hi, thanks a lot for your reply. Yes, there. But just under the category Birth gift. So when you select birth gift, you'll see the text there.

Thanks so mc

On 6/14/2020 at 5:45 PM, bangank36 said:

Hi there

Did you want to show text under the nav like?

https://prnt.sc/szjp5p

Hi, thanks a lot for your reply. Yes, there. But just under the category Birth gift. So when you select birth gift, you'll see the text there.

@Tinasor Here's code that will add text below the category Nav

Add this code to Settings -> Advanced -> Code Injection -> Footer

<script>
(function(){
  
// Set your text here. Make sure it's wrapped in a comma  
var yourText = "Add your text here";
  
var birthGiftPage = "https://www.noadecajou.com/shop?category=Birth+gift";
var productCategories = document.querySelector('.ProductList-filter-list');

if(window.location.href === birthGiftPage) {
    productCategories.insertAdjacentHTML('afterend', `<p class='birth-gift-text'>${yourText}</p>`)
}

})();
</script>

Result:

3 hours ago, RyanDejaegher said:

@Tinasor Here's code that will add text below the category Nav

Add this code to Settings -> Advanced -> Code Injection -> Footer

 

<script>
(function(){
  
// Set your text here. Make sure it's wrapped in a comma  
var yourText = "Add your text here";
  
var birthGiftPage = "https://www.noadecajou.com/shop?category=Birth+gift";
var productCategories = document.querySelector('.ProductList-filter-list');

if(window.location.href === birthGiftPage) {
    productCategories.insertAdjacentHTML('afterend', `<p class='birth-gift-text'>${yourText}</p>`)
}

})();
</script>

Result:

Brilliant move with 

insertAdjacentHTML