Store Community Support Documentation

Where would i look to make the highlighted font in the image darker?

thanks!

JohnJr
#1

To understand the information I am giving you please go to the following link and look about half way down for the section called CSS

Or

Go to AdminCP, then to Appearance, then Themes, then edit your theme.

Once on your theme then click CSS

Add the code at the bottom of your css file...add a couple of blank lines to keep the new stuff from the old stuff.  Add the following...

.activity-feed-status-form .activity_feed_form textarea::placeholder {
    color:rgb(0,0,0);
}

You can change the color of the font darker by changing the number.

Then click SAVE and rebuild your theme and clear the cache

 

Last update on January 27, 9:10 pm by JohnJr.
#2

Thanks John, that worked. How do you find what the section is called, for example that changed the status what about the comment place holder?

JohnJr
#3

Using the example above open it up in FireFox and the RIGHT CLICK on the area you want to change and then a menu will pop up.  Then click on INSPECT ELEMENT.  It will show you two columns.  The right column is the CSS for that page.  You can test it out right in the right column by changing something, and it will change the screen in real time.  This way you can test stuff out on your webpage or someone else without actually editing the website.  Caution though...when you add CSS to your CSS file it can affect that page, and it may affect another page that uses that CSS call/element.  Example: Say you have light Grey font on a white background and you make it black.  Well if there is another page on your site that uses that same call for the font color and you change it to black.  But on this page, the background is already black...then you won't see the text at all.  It doesn't happen very often in phpfox though.  Just make sure to write down exactly what you changed and for what page/location and for why.  This way if you do change something, and later on you find another page is having an issue you can search for that call in your records.  If you find it, then you can test it or change in using inspect element and see if you can find a better choice.  Like in this example...maybe red font which will show up against black as well as a white background.  Look up on youtube for INSPECT ELEMENT to learn more.

#4

Thanks John that was really helpful. I was able to find the other field and change the color in there. Thanks again for the assistance.

YouNetCo
#5

Using the example above open it up in FireFox and the RIGHT CLICK on the area you want to change and then a menu will pop up.  Then click on INSPECT ELEMENT.  It will show you two columns.  The right column is the CSS for that page.  You can test it out right in the right column by changing something, and it will change the screen in real time.  This way you can test stuff out on your webpage or someone else without actually editing the website.  Caution though...when you add CSS to your CSS file it can affect that page, and it may affect another page that uses that CSS call/element.  Example: Say you have light Grey font on a white background and you make it black.  Well if there is another page on your site that uses that same call for the font color and you change it to black.  But on this page, the background is already black...then you won't see the text at all.  It doesn't happen very often in phpfox though.  Just make sure to write down exactly what you changed and for what page/location and for why.  This way if you do change something, and later on you find another page is having an issue you can search for that call in your records.  If you find it, then you can test it or change in using inspect element and see if you can find a better choice.  Like in this example...maybe red font which will show up against black as well as a white background.  Look up on youtube for INSPECT ELEMENT to learn more.

Very helpful guide. We can also use Chrome or Safari. These browsers also support inspecting HTML elements very well.

#6

This was very helpful. Thanks so much for taking the time to explain that John.