Return to previous page

How to change tweeter feed font color - by kagansurfer

This topic has 14 replies, 4 voices, and was last updated 9 years, 8 months ago ago by Eva Kemp

kagansurfer

Participant

March 2, 2015 at 21:07

I successful placed the tweeter feed but it fonts are white on white background

How can i change the to grey? Thanks

Please, contact administrator
for this information.

#46750 Copied

13 Answers
Robert Hall

Support staff

March 2, 2015 at 21:20
Hello,

Try to add this code into custom.css file.
```
.et-twitter-slider{
color:#000;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#46759 Copied
kagansurfer

Participant

March 3, 2015 at 13:03

I have custom css setting already for some other adjustment and the other one is working fine. But unfortunately i can’t change the tweeter feed font color from white to grey.
Should i add custom css file to static blocks/footer directly or just into edit themes/ custom.css?

Please, contact administrator
for this information.

#46908 Copied

Robert Hall

Support staff

March 3, 2015 at 13:26

Hello,

Please provide us with wp-admin access in Private Content.

Regards,
Robert Hall.

#46914 Copied

Brian Johnson

Member

March 3, 2015 at 13:33

Hello

You may put this code into the custom.css:
.et-tweets{color:grey !important;}. You may edit custom.css file from dashbord->Appereance->editor->custom.css.

With best regards
Brian Johnson

#46916 Copied

kagansurfer

Participant

March 3, 2015 at 14:08

Thank you Brian. The first code kind of worked in some browser.It shows gray on firefox but not on Safari. Safari still shows white . I cleared my cache but didn’t work at all.
I am still playing to solve the issue

I also noticed the color name is written as grey in the code . Could it be Gray?

One more request
I also another code for font size for tweeter feed. Seems like they are quite bigger than usual theme font size

Thanks

#46942 Copied

Brian Johnson

Member

March 3, 2015 at 14:26

Yes. The color could be changed to #575757 or any other you want to have. You may experiment adding
font-size: 30px or less to find your kind of size.

With best regards
Brian Jonson

#46964 Copied

Brian Johnson

Member

March 3, 2015 at 14:34

Please replace fully your custom.css with this code to fix it.
.header-type-2.slider-overlap .header .menu > li > a{
color: darkslategray !important;
}

.navbar {
padding: 10px 0px !important;
}

.et-twitter-slider{
color: #909090;
}`

With best regards
Brian Johnson

#46967 Copied

kagansurfer

Participant

March 3, 2015 at 20:15

Thank you Brian
The color has been successfully changed
But I am still trying to downsize the twitter font
The code you have given

font-size: 30px

Should i write it in custom css file as ?

.et-twitter-slider{
font-size: 30px;
}

Thanks

#47090 Copied
Eva Kemp

Support staff

March 3, 2015 at 20:48
Hello,

You need use this code:
```
.et-twitter-slider .et-tweet {
    font-size: 20px;
}
```
Thank you.
Regards,
Eva Kemp.
#47105 Copied
kagansurfer

Participant

March 3, 2015 at 21:04

Thank You Eva
But somehow it didn’t work
I am still trying to solve the issue

#47109 Copied

Eva Kemp

Support staff

March 4, 2015 at 10:51

Hello,

As I see this font size is 20px:
https://s3.amazonaws.com/fvd-data/notes/168674/1425462534-pAo725/screen.png

If you want to make it smaller, write lower value.

Thank you.
Regards,
Eva Kemp.

#47178 Copied

kagansurfer

Participant

March 4, 2015 at 22:39

Thank you Eva

Now I set the custom css to 5px But still looks same size (big) on my screen.

It is not a biggie but if i can fix it and match with other text on the footer it would be great.

#47454 Copied

Eva Kemp

Support staff

March 5, 2015 at 09:54

Hello,

The changes are visible on our side.
Please clear browser cache and check again or check in other browser.

Thank you.
Regards,
Eva Kemp.

#47521 Copied
Viewing 14 results - 1 through 14 (of 14 total)