top of page

BETA

Hi,

 

Since i do not have your name or email, I had to use this form to contact you. I am following most all your tutorials and I gained immense value and knowledge from you!

There are a couple of items I would like to see if you are interested in coding a couple of items, and let me know if, how much, and how to pay you.

I am using Editor X (too much to rebuild under Studio for now), and I am using inline code of the html property of a text element to create an entire article (and I am using CMS for the different pages).

 

What I can't seem to do is add a hover effect so a small part of this (like where I have a "Read more") can alter styles. I created a CSS file under public, but since I can't access the document property I can't seem to link it.

Can you show me how to do so? It may be simple, but to find out (Velo docs, google, chatGPT no help).

 

Below is a sample of my HTML property:

const chapterNormalHtml = `

<p style="font-family: Georgia; font-size:15pt; font-weight: 350; color: #2E2E38; line-height:160%;padding-left: 0%; padding-top: 36px; width:100%">

According to the new report that Ernst & Young LLP commissioned from MIT SMR Connections, companies have laid out wide-ranging agendas for near-term growth, expansion and innovation.<br><br>

<span style="font-family: Georgia; font-size:28pt; font-weight: 400; valign=top; color: #2E2E38; line-height:160%padding-left: 0%; width:100%;margin-bottom: 32px;">

Goals that marketers identified as their top investment priorities in the next three to five years:</span>

</p>

<div style="width:100%; text-align: left; padding-left: 0%; padding-top:10px;margin-bottom:32px;">

<img src="https://static.wixstatic.com/media/ad55e9_d7c4e6625aff4e598683d186d9a7e853~mv2.jpg" alt="Description" style="width:100%; height:auto;" />

</div>

<p style="font-family: Georgia; font-size:28pt; font-weight: 500; valign=top; color: #2E2E38; padding-left: 0%; width:100%;margin-bottom: 0px; line-height:160%; padding-left: 0%; width:100%">Other significant  priorities:

</p>

<div style="width:100%; text-align: left; padding-left: 0%; padding-top:10px;margin-bottom:32px;">

<img src="https://static.wixstatic.com/media/ad55e9_166add66dc6244aa9fe461cff2c59051~mv2.jpg" alt="Description" style="width:100%; height:auto;" />

</div>

<p style="font-family: Georgia; font-size:15pt; font-weight: 350; color: #2E2E38; line-height:160%;padding-left: 0%; width:100%; margin-bottom: 32px;">

These goals, as well as changes in the market and consumer habits, are forcing CMOs to revisit their mission and vision and to anchor them so that they support the overall business strategy and priorities of the company.

Without this alignment, the marketing function and the CMO can’t fully succeed or meet expectations.

</p>

<p style="font-family: Graphik; font-size:26pt; font-weight: 400; background-color: #2E2E38; color: white; padding: 32px; line-height:150%;margin-bottom: 40px;">

About <span style="font-family: Graphik; font-size:32pt; font-weight: 400; valign=top; color: #BADA55; line-height:150%">74%</span> of CMOs believe their role doesn't allow them to maximize the impact on strategic

alignment and planning for the company.

</p>

<p style="font-family: Georgia; font-size:15pt; font-weight: 350; color: #2E2E38; line-height:160%;padding-left: 0%; width:100%; margin-bottom: 32px;">

There are many different potential “missions” for a marketing organization. Some may be mandated to generate revenue or to improve customer experience, while others may focus on driving insights through data or

creating brand awareness. The breadth of value that marketing can bring to an organization is broad, and it is up to each CMO to align their mission with the company’s goals and to identify high-impact areas.<br><br>

According to MarCaps, CMOs should aim for clarity on how marketing will create value for customers (areas that impact the customer experience and journey) and for the business (areas that drive organizational success).

Their research indicates that winning marketing organizations (WMOs), which are businesses that drive top-line growth 2.5x higher than others, have a more balanced footprint of responsibilities across

different types of activities. For example, on the experience side, marketing organizations may improve customer service, enhance customer buy-flows and redesign the web experience. From a company value perspective,

marketing organizations may collaborate with sales to boost conversion rates, extract customer insights for product iteration or weigh in on industry trends such as artificial intelligence (AI).

</p>

<hr style="background-color: #C4C4CD;height: 1px;border: none;margin-top:24px;margin-bottom:32px;width:100%; text-align: left;">

<div style="border-left: 8px solid #BADA55; /* light green vertical line */

height: auto; /* Height of the element */

padding-left: 16px; /* Margin to the right of the line */

width: 100%; /* Total width of the element */">

<div style="font-family: Georgia; font-size:19pt; font-weight: 350; color:#2E2E38; line-height:130%;padding-left: 0%; width:95%; margin-bottom: 16px;">

&#x201C;Boards must guide their conversations with investors to focus on strategic issues and the metrics most reflective of long-term value.&#x201D

</div>

</div>

<p style="font-family: Graphik; font-size:12pt; font-weight: 700; color:#2E2E38; line-height:150%;padding-left:64px; margin-bottom: 16px;">Moshe Klein<br>

<span style = "font-family: Graphik; font-size:12pt; font-weight: 400; color:#2E2E38; line-height:150%;padding-left:0px; margin-bottom: 32px;">Founder and Corporate Governance leader</span>

</p>

<hr style="background-color: #C4C4CD;height: 1px;border: none;margin-top:32px;margin-bottom:32px;width:100%; text-align: left;">

<p style="font-family: Georgia; font-size:28pt; font-weight: 400; color:#2E2E38; line-height:160%;padding-left: 0%; width:100%; margin-bottom: 32px;">How to position the role of the CMO?

</p>

<p style="font-family: Georgia; font-size:15pt; font-weight: 350; color: #2E2E38; line-height:160%;padding-left: 0%; width:100%; margin-bottom: 32px;">

The role of the CMO is becoming more complex and inherently more strategic. CMOs are frequently challenged to lead with a more tactical approach, drive revenue and adapt to the complexity of customer behavior,

all of which are only feasible through adept data analytics. With newfound pressures, the CMO role has evolved to become highly visible and influential and is a role that requires a leader who is well

equipped to drive growth, leverage data and have a strategic impact. Unfortunately, many CMOs aren’t elevated in a way that enables them to play that role and don’t interact closely with other executives.<br><br>

To optimize the impact of marketing, companies should elevate the role of the CMO. Working closely with the rest of the leadership team helps the CMO to better understand the overall strategic focus and

adjust priorities in real time. More CMOs are now part of their company’s executive committee, though some may not report directly to the CEO.

</p>

<div style="display: flex; justify-content: space-between; align-items: flex-start;">

<div style="font-family: Georgia; font-size: 15pt; color: #2E2E38; font-weight: 500; line-height:160%; margin-right: 52px; width:90%">

The marketing vision shouldn’t be developed in isolation, nor should it remain static. Defining the mandate of the marketing function is critical to positioning the organization to reach its potential and to aligning with the company’s overarching strategic goals.

Without intention, the marketing function can slip into a supporting or operational role, where its true potential is lost. CMO responsibilities must be elevated, and marketing should be threaded into the strategic

fabric of the organization to drive growth, uplift the brand and enhance customer experience.

</div>

<div style="flex; border: 0px solid #000000; padding: 10px; box-sizing: border-box; text-align: left;">

<hr style="background-color: #C4C4CD;height: 2px;border: none; margin-bottom:20px;">

<div style="font-family: Graphik; font-size: 22pt; color: #2E2E38; font-weight: 400; line-height:160%; margin-bottom: 28px; width:100%">How MKC can help?</div>

<div style="font-family: Graphik; font-size:13pt; font-weight: 700; color:#2E2E38; line-height:150%; margin-bottom: 10px; width: 100%">Loyalty program services</div>

<div style="font-family: Graphik; font-size:11pt; font-weight: 400; color:#747480; line-height:150%; margin-bottom: 10px; width: 100%">Create and implement modern loyalty programs that redefine the concept of loyalty and focus on&hellip;</div>

<div style="font-family: Graphik; font-size:11pt; font-weight: 700; color:#2E2E38; line-height:150%; margin-bottom: 10px; width: 100%"><a href="https://www.ey.com/en_us/consulting/loyalty-program-services">Read more</a></div>

</div>

</div>

`;

 

If you want/are interested in providing your expertise - please let me know mo@mplogix.com

 

 

Toda

Moshe Klein

DESCRIPTION

VOTE

EXAMPLES

How to add and link a stylesheet in EditorX and velo

bottom of page