# changing design of widgets? \[PLEASE IGNORE MY PREVIOUS POST\]

**URL:** <https://colorlibsupport.com/t/changing-design-of-widgets-please-ignore-my-previous-post/10195>\
**Category:** Shapely\
**Created:** [May 11, 2016, 8:43am UTC](https://colorlibsupport.com/t/changing-design-of-widgets-please-ignore-my-previous-post/10195 "2016-05-11T08:43:16Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![ellisdan](https://colorlibsupport.com/user_avatar/colorlibsupport.com/ellisdan/32/3664_2.png) [@ellisdan](https://colorlibsupport.com/u/ellisdan)\
**Post date:** [May 11, 2016, 8:43am UTC](https://colorlibsupport.com/t/changing-design-of-widgets-please-ignore-my-previous-post/10195/1 "2016-05-11T08:43:16Z")

</div>

Hi, thanks for the theme its great!

i am wondering how to change things like text size, colour, alignment in widgets such as ‘parallax’ and ‘features’

im new to this but assuming this is done in the css editor,how do i ‘access’ the widgets to make changes?

hopefully this makes sense

my site is [danelliswriting.com](http://danelliswriting.com) where you can see what i mean.

thanks

---

<div class="post-metadata">

**Author:** ![ellisdan](https://colorlibsupport.com/user_avatar/colorlibsupport.com/ellisdan/32/3664_2.png) [@ellisdan](https://colorlibsupport.com/u/ellisdan)\
**Post date:** [May 11, 2016, 11:05am UTC](https://colorlibsupport.com/t/changing-design-of-widgets-please-ignore-my-previous-post/10195/2 "2016-05-11T11:05:40Z")

</div>

self-resolved, how exciting 🙂

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [May 12, 2016, 2:01pm UTC](https://colorlibsupport.com/t/changing-design-of-widgets-please-ignore-my-previous-post/10195/3 "2016-05-12T14:01:34Z")

</div>

Hi @ellisdan,

Awesome great to see you got that solved.

Please advise if you have more questions.

Have a fantastic day!

Cheers,  
Movin

---

<div class="post-metadata">

**Author:** ![ellisdan](https://colorlibsupport.com/user_avatar/colorlibsupport.com/ellisdan/32/3664_2.png) [@ellisdan](https://colorlibsupport.com/u/ellisdan)\
**Post date:** [May 14, 2016, 4:22pm UTC](https://colorlibsupport.com/t/changing-design-of-widgets-please-ignore-my-previous-post/10195/4 "2016-05-14T16:22:32Z")

</div>

hi @movin

thanks for the reply anyway! here’s what I did in case anyone else is trying - in css style sheet editor

#shapely\_home\_parallax-3 h1 {  
color: rgb(0,0,0);  
font-size: 50px;  
}

#shapely\_home\_parallax-3 p {  
color: rgb(0,0,0);  
font-weight: bold;  
font-size: 18px;  
}

#shapely\_home\_parallax-6 h1 {  
color: rgb(0,0,0);  
}

#shapely\_home\_features-3 p {  
text-align: center;  
}

only works with jetpack installed, don’t know why, beyond my technical understanding!

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [May 16, 2016, 6:22am UTC](https://colorlibsupport.com/t/changing-design-of-widgets-please-ignore-my-previous-post/10195/5 "2016-05-16T06:22:18Z")

</div>

Thanks for sharing the solution here in the forum that will help others.

> only works with jetpack installed, don’t know why, beyond my technical understanding!

May be you have added the shared CSS code in the Jetpack CSS editor so it’s happening. To avoid this you can try adding the CSS code in the Custom CSS option of your theme on the below path.

Admin Area -\> Appearance -\> Customize -\> Shapely Options -\> Other

---

<div class="post-metadata">

**Author:** ![ellisdan](https://colorlibsupport.com/user_avatar/colorlibsupport.com/ellisdan/32/3664_2.png) [@ellisdan](https://colorlibsupport.com/u/ellisdan)\
**Post date:** [May 16, 2016, 7:57am UTC](https://colorlibsupport.com/t/changing-design-of-widgets-please-ignore-my-previous-post/10195/6 "2016-05-16T07:57:49Z")

</div>

ahh OK! not too technical after all,

thanks again  
Dan

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [May 16, 2016, 11:20am UTC](https://colorlibsupport.com/t/changing-design-of-widgets-please-ignore-my-previous-post/10195/7 "2016-05-16T11:20:21Z")

</div>

You are most welcome here 🙂

---

<div class="post-metadata">

**Author:** ![paulr](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/c4cdca/32.png) [@paulr](https://colorlibsupport.com/u/paulr)\
**Post date:** [May 18, 2016, 11:39pm UTC](https://colorlibsupport.com/t/changing-design-of-widgets-please-ignore-my-previous-post/10195/8 "2016-05-18T23:39:38Z")

</div>

I’m poking around the Shape CSS editor and I can’t find any of this code.

I just need to kick the text size inside parallax widgets up a touch. Is there a variable textsize I can tweak somewhere in this code? It’s not obvious what drives the body text of the widgets. Could be being stupid…

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [May 19, 2016, 6:54am UTC](https://colorlibsupport.com/t/changing-design-of-widgets-please-ignore-my-previous-post/10195/9 "2016-05-19T06:54:46Z")

</div>

Hi @paulr,

To help us keep support thread separates could you please create your own thread for your question here [https://colorlibsupport.com/c/shapely/](https://colorlibsupport.com/c/shapely/) instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Cheers,  
Movin