Changing font size
-
Hi,
I love this widget which I found via the creators of the “spacious” theme, which I am using. I wanted to replicate what they have done in the right sidebar on their demo page http://demo.themegrill.com/spacious/typography/ but the font sizes for this widget on my site are much, much smaller and I don’t know how to change them.
I know a little basic html, but not how to change the CSS in any way. However, if you can walk me through it step-by-step I will be able to do it!
Thanks for your help. Meg
-
Hi Meg,
I’m sorry for late reply, could you post your site link. I could tell you how to change it.Hey, thanks! The site is http://www.findingplenty.com. As you can see, the heading text is very small. In the theme sample page, they are definitely using one of the heading formats.
It actually a little bit difficult to customize the plugin style but I will change it soon.
For now, please uncheck the “Use default style” option then remove all code inside the custom css box, after that copy the code below and paste in it.
.rpwe-block ul{list-style:none!important;margin-left:0!important;padding-left:0!important;}.rpwe-block li{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;list-style-type: none;}.rpwe-block a{display:inline!important;text-decoration:none;}.rpwe-block h3{background:none!important;clear:none;margin-bottom:0!important;margin-top:0!important;font-weight:400;font-size:12px!important;line-height:1.5em;}.rpwe-thumb{border:1px solid #EEE!important;box-shadow:none!important;margin:2px 10px 2px 0;padding:3px!important;}.rpwe-summary{font-size:12px;}.rpwe-time{color:#bbb;font-size:11px;}.rpwe-alignleft{display:inline;float:left;}.rpwe-alignright{display:inline;float:right;}.rpwe-alignnone{display:block;float:none;}.rpwe-clearfix:before,.rpwe-clearfix:after{content:"";display:table !important;}.rpwe-clearfix:after{clear:both;}.rpwe-clearfix{zoom:1;}.rpwe-block .rpwe-title a {font-size: 18px;}.rpwe-block a {font-size: 12px;}That’s awesome, thank you!
As a very basic coder I would absolutely love it if the style could be easily customized – even if it was to choose between paragraph,h1,h2 etc. for both heading and description text. That would be wonderful.
I have used your plugin in two places on the page – in the right sidebar and the footer. The footer widget has the original code but the text size has changed to match the settings in the right sidebar. Is it not possible to have different formatting in different widget locations?
One last request – is is possible to remove the large space between heading and text in the right sidebar? Then it would be perfect.
Thanks again.
p.s. new update makes it much easier to get an overview – thanks π
As a very basic coder I would absolutely love it if the style could be easily customized – even if it was to choose between paragraph,h1,h2 etc. for both heading and description text. That would be wonderful.
Yes, I already have a better idea about it I just don’t have enough time to implement it, but I’m still working on version 1.0.0, it will be a major update π
One last request – is is possible to remove the large space between heading and text. Then it would be perfect.
Please add the following code.
.rpwe-block h3 {padding-bottom: 0;}p.s. new update makes it much easier to get an overview – thanks π
Haha, I actually didn’t realized it until user reported it :D, I made a mistake when uploaded the plugin to the svn :\
Lol! Well it works for me π And thanks for the extra code.
Sorry – I edited my reply above prob after you read it (won’t do that again!) Also had this question:
I have used your plugin in two places on the page – in the right sidebar and the footer. The footer widget has the original code still but the text size has changed to match the settings in the right sidebar. Is it not possible to have different formatting in different widget locations?
Thanks for such great support!
Someone already asked it http://wordpress.org/support/topic/different-styles-per-widget-area?replies=4 π
I’m sorry but that means v little to me!
My guess is that I add #recent_primary. to each part of the code beginning with .rpwe-block ?Yes π
good, thank u
Does this work for the shortcode as well? I’ve called my cssID ‘recent_primary’ and used #recent_primary.rpwe-block h3 {padding-bottom: 0;} on a child theme stylesheet but nothing changes?
The topic ‘Changing font size’ is closed to new replies.