Center-Align Collection Description | Debut Theme

Store Design
1

As the title says, how can I center-align the description of the collection page?

My Website

Thanks

2

The problem is that the collection description is included as follows:

{% if collection.description != blank %}
    
        {{ collection.description }}
    

{% endif %}

And I have tried to give style to the div tag as:

{% if collection.description != blank %}
    
        {{ collection.description }}
    

{% endif %}

But nothing changes. For some reason the Object gets included with text-align:left.

Does anyone know how to fix this?

Thanks

3

I have only been able to remove the {{ description }} object, and re-write it by hand for each collection with the appropriate alignment. There should definetely be a better way to achieve this. Can anybody help me?

Thanks

4

@VelasArtes - can you p[lease share web link with description? I checked given link but it has image and title, not description

5

Hi @suyash1

Please look at the following picture. The underlined text is the “Description” I want to center. It currently (I have no idea why) is left aligned.

Thanks,

description.png
description.png1365×346 9.26 KB

The link is the same from the first post. Please let me know if it doesn´t take you to the same place as the picture above.

6

@VelasArtes - link worked, the issue is this text has inline css which sets it to left, you need to go to backend of this collection and edit from there to remove inline left css.

If you face issues add me to staff, I will do it.

7

@suyash1

The weird thing is that every other {{ collection.description }} does not have this style attribute that aligns to the left. How could I have modified just the css style of one of the {{ collection.description }} and not all of them?

Could you point me into where in my code must I have changed this? I would like to do it myself, and learn from it. Which file, or where in the control panel could I find this?

Thanks

8

it is not in code, it is inline, so I think it is changed from collection
backend, so check it by going to collections and then to this particular
collection.