CMS Development

JVallejo7
Contributor

Padding responsive in Footer

SOLVE

I want to make this padding responsive in my footer.

How can I change that like in sections layout?

JVallejo7_0-1655119499627.png

 

I can not override that 

JVallejo7_1-1655119547317.png

I try it with my own code but I can not override

JVallejo7_2-1655119568085.png

 

0 Upvotes
1 Accepted solution
jonchim
Solution
Guide | Diamond Partner
Guide | Diamond Partner

Padding responsive in Footer

SOLVE

Hey @JVallejo7, i belive you should be able to modify those settings in the fields.json file in your theme folder






Jon Chim
VP of Design & Development
Hypha HubSpot Development


check Did my post help answer your query? Help the Community by marking it as a solution

View solution in original post

0 Upvotes
7 Replies 7
JVallejo7
Contributor

Padding responsive in Footer

SOLVE

But why is making padding with !importants by default in my footer when I trying to change the padding in this editor?

JVallejo7_0-1655222575886.png

 

0 Upvotes
dennisedson
HubSpot Product Team
HubSpot Product Team

Padding responsive in Footer

SOLVE

@JVallejo7 ,

You will most likely need to make your css more specific than what was already there.  Reasons why I dislike using !important declarations 🙄

@jonchim , what are your thoughts?

0 Upvotes
jonchim
Guide | Diamond Partner
Guide | Diamond Partner

Padding responsive in Footer

SOLVE

hmm 🤔 i believe themes apply !importants to paddings when set in the wysiwyg editor.

@JVallejo7 I believe the only way around it is to make sure your custom css declarations sit at the bottom of the others in the head if there is any. Like @dennisedson had mentioned you might need to make your css classes more specific in the footer partial. Let me know if  that works @JVallejo7 






Jon Chim
VP of Design & Development
Hypha HubSpot Development


check Did my post help answer your query? Help the Community by marking it as a solution
JVallejo7
Contributor

Padding responsive in Footer

SOLVE

But can i  change the padding modifications in some place to change the padding later inside wysiwyg editor? Like my own spacer module. It changes the height in function of the viewport

JVallejo7_0-1655224733546.png

 

 

0 Upvotes
JVallejo7
Contributor

Padding responsive in Footer

SOLVE

Something like this:
Where can i modify these settings?

JVallejo7_0-1655224955160.png

 

0 Upvotes
jonchim
Solution
Guide | Diamond Partner
Guide | Diamond Partner

Padding responsive in Footer

SOLVE

Hey @JVallejo7, i belive you should be able to modify those settings in the fields.json file in your theme folder






Jon Chim
VP of Design & Development
Hypha HubSpot Development


check Did my post help answer your query? Help the Community by marking it as a solution
0 Upvotes
JVallejo7
Contributor

Padding responsive in Footer

SOLVE

Thank you !!

0 Upvotes