resize and change text color for widgets

  • Unknown's avatar
    prunussweet · Member ·

    I have a couple questions regarding my widgets in my main side bar. Is there any way to change the color of the text in both my text box widget and contact info widget. My contact info widget has our office hours, location, phone number, and a interactive map for directions. The phone number and office hours text are grey and the rest is black. I would like to change this if I can. Also in my text widget, I input code from a contact form I created in my text box and for some reason our email shows up in the “email” slot by default. I would rather not have this show up if I can. Another thing I would like to do is change the size of these two widgets. I would like to make them a little bit small height wise so they line up with my main page text box.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    jeremeylduvall · Member ·

    Howdy! Please see my additional answers below:

    My contact info widget has our office hours, location, phone number, and a interactive map for directions. The phone number and office hours text are grey and the rest is black. I would like to change this if I can.

    You can change the text color using the CSS here:

    .sidebar-widget-area .widget {
color: #000;
}

.sidebar-widget-area .widget a {
color: #000;
}

    Also in my text widget, I input code from a contact form I created in my text box and for some reason our email shows up in the “email” slot by default. I would rather not have this show up if I can.

    This only appears when you’re logged in as the form is pre-filling with your information. For visitors and if you view your site when logged out, you shouldn’t see the email field populated.

    Another thing I would like to do is change the size of these two widgets. I would like to make them a little bit small height wise so they line up with my main page text box.

    You can change the height of the contact form using the following CSS:

    div#contact-form-widget-text-2 {
	height: 350px;
}

    Can you try experimenting with the height there and let me know if it allows you to achieve the look you’re going for?

  • The topic ‘resize and change text color for widgets’ is closed to new replies.