Archived topic

Sidebar: How to change color / font size / image size + add bullets

1 reply · Started by Dan on July 18, 2018

Viewing posts 1–2 of 2

July 18, 2018 at 5:25 pm #627053

Hi,

I am using GP Premium + Elementor Pro.

I have a sidebar that I created and named 'right sidebar.'

My questions are:
1) How do I change the font size for just mobile (and not for desktop)
2) For one of the images, it looks great on a desktop view but on mobile it gets blown up and looks gigantic. How can I change the size of the image when viewing on tablet/mobile?
3) How do I add bullets to make the lists appear more organized (for desktop, mobile, tablet)?
4) I believe to change the colors I can go to Customization -> Colors and for the font Customization -> Typography. Is that correct?

Thanks!

July 18, 2018 at 8:06 pm #627131

Hi there,

1. The font size of what exactly? Your sidebar?

2. Which image am I looking for? On your home page?

3. In your sidebar? Try this CSS:

div:not(.entry-content) .widget ul li {
    list-style-type: disc;
    overflow: visible;
}

div:not(.entry-content) .widget ul {
    margin-left: 1.5em;
}

4. That's correct :)

This archived topic is closed to new replies.

Start building better websites today.