We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Customizing your theme's css | Forum

Topic location: Forum home » Development » Themes
Darryl B Leader
Darryl B Apr 12 '16
This is just some advice.
I have seen numerous times in posts where people are trying to make changes to the base css file via cpanel, or being directed to the base css file. Any changes you make there will be lost when you update your theme since the update will overwrite everything with the original files along with whatever the update contains.
It is always best practice to do your modifications by using the custom css in the admin panel. These changes will not be changed by the theme update since it actually creates a separate css file for the theme.
Of course having knowledge of css, and how to use inspect element are key to finding the elements that you need to change, and what css to apply to achieve your desired result.
There are plenty of videos on youtube on how to use inspect element, and also, plenty of information on how to use css.
You can use inspect element to play around with different css rules without physically changing the css. Once you refresh the page the original css will be re-applied.
Once you find the element that needs to be customized, and you find the correct rule to achieve the desired result, just copy, and paste it into the custom css box in the admin panel.
You won't need to paste everything; just the element,and the rule you changed, or added.
Everyone want's to do different things to their theme. Not all of theme are easy, or possible, but learning how css works, and how to use inspect element are big steps toward finding out what you can do.
I hope this helps, and if anyone else want's to add more advice, jump in.
Seyed
Seyed Apr 16 '16

Hi Darryl

Thanks for your advice. How can we have two sets of css rules, one when English is used, and the other when user switches the language to a different language (especially an RTL language). Is there a way to change the css at run-time, when the user changes the language? What is the easiest way to handle this.

Thanks.

Darryl B Leader
Darryl B Apr 16 '16
I don't know of any css code the will differentiate language. Css is basically used for element placement, shape, size, font style, and color. Media queries are used to change these to alternate settings for different screen sizes.
I would think that something like that might possibly done with code where, if a certain language is selected, it would make a call to a completely separate css file. Not sure if that is possible though since I know very little about coding. Maybe someone else can shed some light on that, or you could try contacting a specialist.