Awaiting an answer Templates

Section text of the qubic template

Asked by Pio 3 years ago Last activity 3 years ago

Hi,
on the site www.tuttoperleaziende.com/csi i'm using the qubic template.
I would like to enlarge the text of the sections, what is the css?

Thanks
Pio

11 replies

Mehtaz Afsana Borsha Staff

3 years ago

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

Pio Asked this

3 years ago

Hi Mehtaz, I don't see the option to send a screenshot

Regards
Pio

Mehtaz Afsana Borsha Staff

3 years ago

You can use this for uploading screenshot

https://chrome.google.com/webstore/detail/lightshot-screenshot-tool/mbniclmhobmnbdlbpiphghaielnnpgdp

Pio Asked this

3 years ago

Hi Mehtaz,
i'd like to enlarge these texts
https://prnt.sc/U1dU-PxzrCyM
https://prnt.sc/1jet79eS5ozT
https://prnt.sc/VLByfknpYVw7

Thanks
Pio

Mehtaz Afsana Borsha Staff

3 years ago

Use this custom CSS

#sppb-addon-1688492841977 {
    font-size: 23px !important;
}

p.sppb-image-content-text {
    font-size: 23px !important;
}
div#column-wrap-id--WlrwJvL27NFGyhacARGI {
    font-size: 23px !important;
}
#sppb-addon-6UO-7m3HxClcCAmnYXSw4 .sppb-addon-title{
      font-size: 23px !important;
}
#sppb-addon-F0vYzW7iIz-l8b7CDiBoh .sppb-addon-title{
      font-size: 23px !important;
}
.sppb-addon-text{
     font-size: 23px !important;
}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

Pio Asked this

3 years ago

Hi Mehtaz,
Thanks for the reply.
Everything works but only on mobile the text you see in the screenshot https://prnt.sc/LXJ1NWJDvm7w doesn't get bigger.

Best Regards
Pio

Mehtaz Afsana Borsha Staff

3 years ago

Clear your browser cache it should also work on dekstop.

Pio Asked this

3 years ago

No Mehtaz, it's the other way around, it looks good on the desktop.
It is on mobile that the text does not enlarge!
Also on mobile I would like to resize the title of the internal pages, for example on http://www.tuttoperleaziende.com/csi/investigazioni-private/infedelta-coniugale see the screenshot https://prnt.sc/N9k1dfZRvP3F

Thanks
Pio

Pio Asked this

3 years ago

i used this css
@media all and (max-width: 768px) {

sppb-addon-1688492821275 .sppb-addon sppb-addon-header .sppb-addon-title h3 {

 font-size: 15px !important;

}
}
but it does not work

Mehtaz Afsana Borsha Staff

3 years ago

Use this custom CSS and set the size which you want


@media (max-width: 767.98px){
#sppb-addon-xSZglz11A8c25O2LWtSBr h3.sppb-addon-title {
    font-size: 30px !important;
}
}

Pio Asked this

3 years ago

Ok Mehtaz,
Thank you very much!
i'd like to increase the width of the top menu to insert a new menu item.
What is the css?

Thanks
Pio

Mehtaz Afsana Borsha Staff

3 years ago

Do you want to add more menu item here?

https://prnt.sc/t44x2aWP-FYy

Pio Asked this

3 years ago

Hi Mehtaz,
you didn't write me how can I increase the width of the top menu to insert a new menu item at the point you indicated https://prnt.sc/t44x2aWP-FYy .

Thanks
Pio

Mehtaz Afsana Borsha Staff

3 years ago

You can use some custom CSS to set it more left and then insert more menu item.

Pio Asked this

3 years ago

Hi Mehtaz,
in the custom.css file I inserted this css
.sp-megamenu-parent .sp-dropdown.sp-menu-center {
margin-left: 0px;
}
but the top menu doesn't move to the left.
So I used this other css

sp-menu {

margin-left: -50px;
}

The top menu moves to the left, but the last menu item "Contatti" wraps https://prnt.sc/gUCpH77NCcMC .
What is the correct css to use?

Thanks
Pio

Pio Asked this

3 years ago

Hi Mehtaz,
yes exactly!

Thanks
Pio