EasyBlog styles.css Overrides
By Thomas Kalser on Thursday, 17 September 2015
Posted in General Issues
Likes 0
Views 2.3K
Votes 0
Hello there,

I have made some changes to the ...default/css/style.css file and the ...elegantwhite/css/style.css file, now I want to put these files in an override folder to avoid a loss during updates.

In addition I have created a folder to my Joomla Template which is called protostar2 in my case. So I placed these two files in the following folders:

.../templates/protostar2/html/com_easyblog/themes/default/css/styles.css
.../templates/protostar2/html/com_easyblog/themes/elegantwhite/css/styles.css

but this has no effect, did I misunderstood something?
The Documentation do not help me further.
Hey Thomas,

Currently is not work around on this method as my colleague suggested at above.

Perhaps you can try my following method and see is it help or not?

#1. Create a custom.css file in JoomlaFolder/templates/protostar2/css/custom.css
#2. Open this file -> JoomlaFolder/templates/protostar2/index.php


// Try take a look of this file code is it got this following code ?

// Add Stylesheets

$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/template.css');



// If yes, add this following code

$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/custom.css');

#3. Move all of your custom css code in this file JoomlaFolder/templates/protostar2/css/custom.css

Hope this will help.
Arlex Wong
·
Thursday, 24 September 2015 00:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Thomas,

In Easyblog 5, there is a lot of styling that require Bootstrap styling and component styling that cater under (components/com_easyblog/themes/wireframe/styles/style.min.css) and I would like to suggest, in order for you to override our component's styling, try use your own Joomla template custom.css.

By doing this method, the component's styling will be remain, and your customization works would be less, and it's more practical and better solution.
Arlex Wong
·
Thursday, 17 September 2015 23:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Oh sorry I'm an absolute beginner, this is my first project and I don't had any contact with making a website before.

Could you make an example of a modified line of code (custom.css) from the abovementioned style.css files and name of the line from the original file (style.css), please. So I hope to understand the rules behind it. Or can you maybe upload a whole example for a custom.css to attachments.

Is it possible to upload the custom.css and see immediately the changes or do I have to re-install the template?


I hope you can understand me despite my bad english.
Thomas Kalser
·
Saturday, 19 September 2015 22:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Thomas,

I am really sorry for the delay of this reply as it is a weekend for us here. This is all you need to do if you want to add a custom css file for EasyBlog in your template's css folder,

/templates/protostar2/html/com_easyblog/styles/custom.css

Then, add your custom css changes into this file and you are good to go
Mark
·
Sunday, 20 September 2015 01:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry but my knowledge begin and ends even with modifying css files by using firebug. My experiment, to copy the lines from style.css 1: 1 to custom.css had no effect. I suspect that these need to be modified a little, but I dont know well enough to do that. Are there a tip or some examples to understand this or a link where I can learn to get the missing knowledge.
Thomas Kalser
·
Wednesday, 23 September 2015 20:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks, work well
Thomas Kalser
·
Thursday, 24 September 2015 17:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Thomas,

You are most welcome. Glad that your issue has been resolved now.
Ezrul Fazwan
·
Friday, 25 September 2015 15:34
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post