How to extend the width of section-1 module?

glenng

Hi, one more question. Is there any way to extend the text area on section-1 module? I would like to show the text wider as I show below.

Also, how can I change the arrow icon on the top?

Thanks!

saguaros

glenng

You can increase the max-width for that section by this custom CSS:

.t4-section-1 .section-title::before {
    background-image: none !important;
}

.t4-section-1 .section-title-wrap {
    max-width: 700px !important;
}

and change to your desired value.

glenng

Thank you so much!

Also, how can I change the arrow icon on the top? Would you mind helping me about that too. Thanks!

saguaros

glenng

I thought you want to remove that icon, pls remove this css rule in above code:

.t4-section-1 .section-title::before {
    background-image: none !important;
}

That's the background image declared by this rule:

div[id*="t4-section-"] .section-title-wrap .section-title:before, div[id^="t4-section-"] .section-title-wrap .section-title:before {
    background-image: url("../images/arrow.png");
    content: "";
    display: block;
    margin: auto;
    margin-bottom: 1.143rem;
    height: 48px;
    width: 48px;
}

So you can override this css rule or replace the image: /templates/ja_findus/images/arrow.png by your own image.

Regards

glenng

saguaros thanks a lot!