Woodpecker - changing font size and color

Greetings,

How are you doing? I hope well.

How can I change the font size inside of text on a page in Woodpecker?

On my website page:

http://www.wpsweet3.com/lindt/how-i-work-with-you/

I would like to change the size (and potentially the color) of some of the text on this page. How do I do that? Thanks!

Take care,
Kelly

 

Hello Kelly,

Greetings from InkThemes!

Actually I am a little bit confused with your issue that in which text you want to do all the experiment.

But, here I am providing you a screenshot of all the possibilities related to your query


You just all have to paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.page-content.clear p {
    font-size: 22px !important;
    color: red !important;
}
 
.page-heading.clear h1 {
    font-size: 36px !important;
    color: blue !important;
}
 
div#crumbs {
    font-size: 32px !important;
    color: red !important;
}
 
div#crumbs a {
    color: red !important;
}
 
.nav-border-container li{
    font-size: 25px !important;
}

Note: Change the color and font-size as per your interest.

Hope it will resolve your issue

Thanks & Regards!
Priyanka
Inkthemes.com

 

Priyanka,
Sorry that I was not clearer and thank you for your patience. On my What to Expect Page in http://www.wpsweet3.com/lindt/how-i-work-with-you/

I would like to change only a part of the text, not the entire page. I want to change the part that says 'Working With You...'. I want just those words to be a larger font and potentially a different font color.

I have italicized, underlined and bolded (and turned it green) here for clarity. (I don't want to do all these things, I am just showing you which words I want changed)

As your coach, I partner with you to define what is critical for your success and then support you in achieving it, acting as a supportive, objective sounding board. Our relationship is characterized by an unusually high level of trust based on honesty and authenticity. Coaching results are often different and more extensive than anticipated because we often discover exciting new possibilities and paths that take you beyond your original expectations.
Our coaching sessions are usually over the phone or Skype. All sessions are kept strictly confidential and you provide the “agenda” for each session. I listen, observe, provide support, ask challenging questions and offer the level of accountability that you desire in a way that keeps you in the driver’s seat and emboldens your personal growth, clarity and courage.
I utilize either my Leadership Roadmap or Career Roadmap coaching methodology to best serve you. And although each coaching engagement is as unique as each of my clients, many clients find it helpful to have an outline of the process:
CLARIFY: We start by understanding what you really want and who you really are. We do this by identifying your greatest strengths, your potential blind spots and those areas where you want to make changes. Many times we use a 360 degree assessment, discovery assignments or other tools to facilitate understanding.
DEFINE: Next we weave this information to define a clear and measurable coaching objective and development/action plan. Your objective drives the specifics of the coaching.
EXECUTE: Finally, we work together on concrete skill building and practices for self-awareness. What specific actions can you take to achieve outstanding results? We accomplish your plan through ongoing coaching, experimentation, reflection, accountability and feedback. I challenge you to make the changes you want to make.
My goal is to build on your strengths so that you can navigate barriers and effectively lead yourself and others even after our coaching is complete.
To best serve you, I bring not only my business and educational background, but all the experiences of the many leaders and professionals I have assisted over the years so you can accelerate your path to excellence!

Working With You…

Sometimes I get asked, “Kelly, what type of client do you work best with?” I feel honored to work with each and every one of my clients and I celebrate your uniqueness. And in working to create a win-win relationship with you, I find that I am most effective with professionals who are:
• Open to new ideas and stepping out of their comfort zone
<words continue>


So how can I change the font size (and the font color) of just the words 'Working With You...' ? Thanks in advance for your help!

Take care,
Kelly

 

Hello Kelly,

Greetings from InkThemes!

I have resolved your query and done all the changes in your Dashboard (proved earlier).

Let me tell you what I have done there, I have just assigned a class name as "para" for the words 'Working With You' and add some CSS code (given below) in custom CSS field (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.para {
    font-size: 25px;
    color: green;
    padding-bottom: 10px;
}

Note: Now, you just all have to change the color and font-size as per your interest.

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
Inkthemes.com

 

Priyanka,
You are amazing! Thank you very much!

Unfortunately I had one unexpected outcome from your work though.

On the home page (http://www.wpsweet3.com/lindt/) now on the top of the 2nd and 3rd of the 3-column feature took on the same font size and color as the 'Working With You' - the first part of Description 2 and Description 3 also turned green and larger font. I didn't want those changed. I don't want those to be green, just centered and bolded like they were before. It seems the changes applied to more than just the 'Working With You' as intended.

So sorry to keep having issues when I so appreciate your help. Is it easy to have the formatting for the 3-column feature be different than the formatting of just the words 'Working with You' on the What to Expect Page in http://www.wpsweet3.com/lindt/how-i-work-with-you/ ?

Do I have to set up a different .para thing or class name or whatever it is called? How do I do that?

Thank you in advance!

Take care,
Kelly

 

Hello Kelly,

Thankx for your wonderful words...

I am so sorry, actually you are right by mistake I had just created same class 'para' as of the description paragraph so that why when we applied any CSS on that class automatically all the class of 'para' will turned according to the applied CSS .

But Don't worry I have again fixed your issue.

Kindly check your site and reply.

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Priyanka,
Once again you solved my issue! Thank you so much. One quick question. If I want to change the color to a particular color number (like 3894af or 69d0e4) instead of just 'blue' or 'green', how do I do that for the 'Working with you' text on http://www.wpsweet3.com/lindt/how-i-work-with-you/ page?

Have a lovely day!
Kelly

 

Hello Kelly,

Greetings from InkThemes!

You can change the color of that text i.e. 'Working with you' from your desired one, you just have to paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.para1 {
    color: #3894af !important;
}

Note: Change color as per your interest.

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

Priyanka,
That worked perfectly - thank you SO much! I really appreciate all your help!
Take care,
Kelly