How to change sidebar font size?

Beaver Builder
1

Hi beavers,

I need to have bigger font size in the sidebar. How can I change it?
Thank you very much.

Cheers ! :slight_smile:

2

Hey Marcela,

Could you please share your Website URL with me so I could tell you the correct CSS snippet to do this? You can use the private reply option below.

Thanks!

KC

3

[Content Hidden]

4

Hey Marcela,

Thanks for providing the details. Could you please link me the page with the sidebar? It would be better if you could pinpoint it with screenshots. You can upload the screenshots to imgur and paste the link here.

Thanks!

KC

5

[Content Hidden]

6

Hey Marcela,

Try the CSS snippet below and see if it’s what you’re looking for. :slight_smile:

/* Widget Title Font Size
*/
.fl-sidebar .fl-widget .fl-widget-title {
    font-size:30px
}

/* Search And Filter Font Size
*/
.fl-sidebar .searchandfilter h4 {
    font-size:20px
}

/* Recent Post Text Font Size
*/
.fl-sidebar .rpwe-block h3 {
    font-size: 20px !important;
}

/* Recent Post Date Font Size
*/
.fl-sidebar .rpwe-time {
	  font-size:15px
}

Thanks!

KC

7

It worked very well

THANK YOU VERY MUCH KC

I’m REALLY satisfied with BB plugin, theme and support !

I really appreciate

8

Hey Marcela,

Glad that worked for you, enjoy BB and let us know if you need anything further! :slight_smile:

Thanks!

KC

9

KC,

Just one more thing for now. How is it to change the space between the widgets in the sidebar?

Thank you a lot

10

Hey Marcela,

Try the CSS snippet below and see if it’s what you’re looking for. :slight_smile:

.fl-sidebar .fl-widget {
	margin-bottom: 60px;	
}

Thanks!

KC

11

YES ! Awesome again KC, once again thank you very much !

Have a good day/night !

Cheers !

12

Hey Marcela,

You’re very welcome. Have a nice day to you too.

Thanks!

KC

13

Hey buddy KC,

I’m trying to change parameters in the same code but isn’t changing anything when I try.
Any idea?

Example:

.fl-sidebar .fl-widget {
margin-bottom: 60px;
}

I’m trying to change margin bottom changing the number but nothing happen.

Thank you

14

Hey Marcela,

I tried to check your Website, but it seems you’ve set it to maintenance mode. Could you probably grant me an access to take a look at it?

Thanks!

KC

15

[Content Hidden]

16

Hey Marcela,

I apologize for the mistake earlier. Use the CSS snippet below and adjust the widget bottom margin to your liking. Let us know how it goes.


.fl-page-content .fl-sidebar .fl-widget {
    margin-bottom: 20px;
}

Thanks!

KC

17

Hi KC,

There’s no problem buddy.
But still not working. Any ideas?
Thank you very much for your support.

18

Hey Marcela,

I’ve just inserted the CSS snippet for you and it seems to work. Could you please check on your end?

Thanks!

KC

19

Hi KC,

It’s working. Thank you very much once again.
Happy holidays.

:slight_smile:

20

Hey Marcela,

Glad that worked for you, enjoy BB and let us know if you need anything further! :slight_smile:

Thanks!

KC