• I opened page builder and clicked on add content.
    I selected contact details from the widgets available.
    I dragged and dropped the widget to the page.

    The title text is insanely huge, especially so when it renders to mobile.

    I looked up several ways to do a modify of font size and font style, etc.

    I used the styles.css and the additional css via the customization menu.

    I tried the following code in the additional css and styles from an example:
    .widget .widget-title{
    color: black;
    font-family: comic sans ms;
    font-size: 18 px;
    letter-spacing: 0.1em;
    line-height: 1em;
    text-transform uppercase;
    }
    It worked for the footer area widget info, but did not nothing to the widget on my page.
    The name of the widget is supposedly “Contact Details.”
    I can’t find any reference to a “Contact Details”, “Contact Info” widget in code or css.

    How am I supposed to get this widget modified?
    Does anyone know the correct naming convention of the widget on the page?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter thresholdjlt

    (@thresholdjlt)

    I managed to make some progress by using the following with the additional css in the customize section.

    I used the following:
    .wpcw-widget-contact .widgettitle{
    color: black;
    font-family: lato;
    font-size: 5 px;
    }

    I don’t know what to do to get a regular font size though.
    It is plugging in h2. So I get a big title.
    Anyway around the title size issue?

    Thread Starter thresholdjlt

    (@thresholdjlt)

    the following code seems to have done what I needed it to do.

    h2 {font-size: 100%; line-height:100%;}
    .wpcw-widget-contact .widgettitle{
    color: black;
    font-family: lato;
    font-size: 10 px;
    }

    Hopefully this will help others.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Modifying Contact Details Widget’ is closed to new replies.