kayleigh
-
Posts
6 -
Joined
-
Last visited
Reputation Activity
-
kayleigh reacted to tuanphan in Adding First Name & Last Name Fields to Promotional Popup
If you find free solution, I wrote this guide yesterday. It allows you to convert Newsletter Block to Promotional popup.
-
kayleigh reacted to DevonHarris in How to Add a Subhead to a List Block
For anyone looking for a simple fix to this:
Within the "title" section of the List Contents window, Add your main heading, then the subheading. BOLD the subheading and then go to Design>Custom CSS. Enter the following:
Section ID{ .list-section-title p strong{ display: block; font-size: 1.6rem !important; font-family: 'GothamBook' !important; color: hotpink !important; } } The display: block attribute forces the bolded text to flow to a new line. ".list-section-title p" identifies the list section title, and the "strong" specifies only the BOLDED text. The Section ID ensures that this only happens within that specific section. Then simply match your site subheading text to the font attributes listed in the code above.
To adjust mobile font sizes, wrap the code in a media query for phones and tablets, like this:
Section ID{ @media screen and (max-width: 641px){ display: block; color: hotpink; }} and Section ID{ @media screen and (max-width: 780px){ display: block; color: hotpink; }}
-
kayleigh got a reaction from tuanphan in Membership Sign Up Button styling affected by Button Editor update?
If anyone falls into the same trouble, I can confirm it is indeed a bug.
I've just spoken with CS via the chat and they have offered a workaround. You would either need to change your buttons to No Fill sitewide, or you recreate the section with the Membership Sign Up Block but do not choose a theme colour, you must leave it as the default. The minute you set your section colour, the issue comes back.
-
kayleigh reacted to tuanphan in Equal block heights: how do I make the heights equal on smaller screens?
Hi
Add to Design > Custom CSS
/* services-equal height boxes */ @media screen and (min-width:768px) { div#block-yui_3_17_2_1_1626015402372_31686+.row { display: flex; flex-wrap: nowrap; } div#block-yui_3_17_2_1_1626015402372_31686+.row>.span-4:not(:nth-child(2)) { background-color: RGBA(242, 247, 250, 1); border: 1px solid RGBA(190, 211, 229, 1); margin-left: -1px; } div#block-yui_3_17_2_1_1626015402372_31686+.row>.span-4 .image-block { padding: 0px !important; } }