Docs

[3b1a2f46-a516-40cf-beba-b611930e4819]

Hi,

I realise you don’t support 3rd party plugins but I think this is something to do with the theme styles as I have had a similar problem on a previous project.

I have just activated a plugin called ‘recent posts extended’ for extra formatting. I have set this up on footer 3 in widgets so I can pull it through to a widget area on my page content.

It has pulled through fine but there is double styles on everything and there are borders around the widget area.

I’ll give you my details should you need them..

[3b1a2f46-a516-40cf-beba-b611930e4819]

This reply has been marked as private.

[Christian]

Hey there,

Please add the code below in your Appearance > Customize > Custom > CSS

.widget ul li, .widget ol li {
    border-bottom: 0;
    box-shadow: none;
}

.widget ul, .widget ol {
    border: 0;
    box-shadow: none;
}

Gravity Forms in X uses the body font and you can set that in Appearance > Customize > Typography

By line height, do you mean the label’s distance from the field? If so, please add the code below in your Customizer’s CSS

.gform_wrapper .top_label div.ginput_container {
    margin-top: 0;
}

Hope that helps. 🙂

[3b1a2f46-a516-40cf-beba-b611930e4819]

Thanks – that has removed the borders.

I still have doubled-up text, is it something to do with the rollover state on each section which I also don’t want!

By line height I mean space between both the text and each field so I can reduce the overall height.

thank you

[Lely]

Hello Joe,

Please add this CSS to remove the hover background color and doubled up text or the text shadow:

.widget ul li:hover, .widget ol li:hover {
    background-color: transparent;
}
div#rpwe_widget-3 {
    text-shadow: none !important;
}

To reduce the space between label and textfield, please add this custom CSS:

body .gform_wrapper .top_label .gfield, body .gform_wrapper .top_label li.gsection.gf_scroll_text {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

Hope this helps.

[3b1a2f46-a516-40cf-beba-b611930e4819]

This is looking much better now thanks

Is there any way I can overwrite the field title font/colour for the gravity form? I would also love to be able to change the field colour itself if you could assist?

Finally I’m needing to change the colour of the separating lines for the posts AND tweets to #527b90.

Thanks for your help!

[Rupok]

Hi there,

Thanks for updating. You can add this as well :

/*change form label color*/

.gform_wrapper label.gfield_label {
  color: #fff;
}

/* field background and border color */

body .gform_wrapper input[type="text"], body .gform_wrapper input[type="url"], body .gform_wrapper input[type="email"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="number"], body .gform_wrapper input[type="password"], body .gform_wrapper select, body .gform_wrapper textarea {
  background: #333;
  border-color: #f53;
}

/* forrm submit button color and background */

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
  background: #fff;
  color: #333;
}

Now change the color values to get expected result.

Cheers!

[3b1a2f46-a516-40cf-beba-b611930e4819]

Great thanks! And the entry text colour inside the fields?

Any luck with the separating lines?

thanks!

[Jade]

Hi there,

Please add this code:

.home #x-section-6 #gform_1 input[type="text"] {
    color: #fff;
}

.home #ctf .ctf-item {
    border-top: solid 1px #527b90;
}

Hope this helps.

[3b1a2f46-a516-40cf-beba-b611930e4819]

Hi,

Sorry there doesn’t seem to have been any success with that code?

[Joao]

Hi There,

Please use the following code. Hope that helps

 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
   color: white;
}
.gform_wrapper textarea.medium {
   color: white;
   
}

Joao

[Author]

Posts