Template Override and general template issues
By Alex Costa on Thursday, 05 June 2014
Posted in Technical Issues
Replies 3
Likes 0
Views 572
Votes 0
Hello, I'm having a couple of issues:

1) I'm trying to create a template override, and I followed the instructions here: http://docs.stackideas.com/administrators/templating/template_overrides
Well, when I create the file style.css (even if the file is empty) at the specified location, the template gets all 'messed up'. Please check images 'before.png' and 'after.png'.
If I delete style.css inside /templates/MY_JOOMLA_TEMPLATE/html/com_easysocial/styles, then everything is normal again.
This is my first issue.


2) Now the second issue: When everything is ok (please see the same image before.png) I see this strange blue rectangle expanding outside to the right. See in the image the rectangle to the right of the search field (in portuguese it is written 'pesquisar').
How can I remove this rectangle?

The site is http://www.redevegetariana.com.br/index.php/community and I'm using Yootheme template Frequency.

Any ideas?

Thanks.
Hello Alex,

When you place a css override in your template override folder, what actually happens is that EasySocial will not render it's theme css files. You need to add the necessary @import tag.

As for the blue rectangle on the search box, what you can do to fix this is to just add the following css codes into your template's custom.css file,



body div#fd.es .es-toolbar .fd-navbar-search .search-query {

    box-sizing: border-box !important;

}


If you just want to make changes to this, then you don't really have to create a template override for this because template override means you want to actually re-style the whole section of EasySocial
Mark
·
Thursday, 05 June 2014 11:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you, Mark.

But where exactly should I place this @import tag?

Is there a tutorial ou a help page that would teach me how to do that? I could not find any information here: http://docs.stackideas.com/administrators/templating/template_overrides

Thanks.
Alex Costa
·
Thursday, 05 June 2014 18:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Alex,

We don't actually have an explicit tutorial on how to write css codes but you should use the css @import tag to import the .less stylesheets from EasySocial's wireframe theme but seriously, if you are just wanting to just change small css codes, do it on your Joomla template instead. It's easier for you to keep track of changes.
Mark
·
Friday, 06 June 2014 02:45
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post