joomla css for menus and fonts - joomla-template

if any of you use joomla, could you help me locate the proper code to change for font size, globally, in the ja-purity template. I also need to adjust the top menu bar width, and the length of each individual menu item in the top bar. Thank you for assisting me locate this code.

For any properly coded Joomla template (which JA Purity is of course) you will find the CSS files in JOOMLA/templates/template name/css. In this case, there are 4 CSS files for JA Purity. Also keep in mind that some of the template is controlled by the template parameters that can be accessed in the admin my clicking on Template Manager > Ja Purity.

I find the best way to tweak the css in a Joomla template is to use Firefox with the firebug . Goes something like this.
Install Joomla / Template.
Open frontend in Firefox with firebug enabled.
Use firebug to inspect the component you want to tweak.
The CSS classes will be displayed on the right. You can edit the css right there in firebug or use it's handy file / line number links to locate where the css class is defined.

Related

How do add Styles to JCE editor in Joomla 2.5?

I am using Joomla 2.5 with the JCE editor. I want to add my own styles but the problem is they don't appear in the Styles selection of the editor. I have the JCE configuration pointing to the editor.css, and while it does recognize the other classes in the editor.css file it doesn't recognize the ones I've added. I've cleared cache in the browser and cleared cache in Joomla, have logged out and back in, and they still don't appear.
What am I doing wrong that these Styles don't appear? Does JCE read them directly from the editor.css files each time the page loads or does it store them in some intermediary place or even in a MySQL table?
I was looking at this article:
http://www.joomlacontenteditor.net/support/tutorials/editor/item/create-a-custom-editor-stylesheet
I'm not clear on this, the class has to be present in the editor.css AND the template.css, not just the editor.css? Thanks!
JCE might cache the contents of the custom CSS file, but you should be able to see any changes you make to editor.css in your styles drop down. The file you point JCE to use for custom styles only allows you to see them in the style drop down. In order for the styles to work on the site, you have to either a) load the same file in to your template so the styles are available or b) add the styles to your template.css or other css file that is being loaded by your template.

Fine control over Joomla URLs

I would like to convert my existing website to Joomla. However, I need finer control over URLs than I seem to be able to control with Joomla. Assuming that Joomla is installed in the base public_html directory of my user, I would like these pages to keep their URLs:
http://dotancohen.com/howto/rtl_right_to_left.html
http://dotancohen.com/eng/genealogy.php
http://dotancohen.com/heb/contact_info.html
I am aware that I could use a 301 redirect via .htaccess however I would prefer to actually configure the canonical URL of the page. Is this possible in Joomla or with an extension?
Unquestionably, the defacto standard extension is At http://extensions.joomla.org/extensions/site-management/sef/10134. It's highly configurable, well supported, and ver well rated.
In Joomla! 2.5 you can use the built-in Redirect component to catch old URLs and send them to the right content without fiddling with the .htaccess.
You can also create menu's and menu items that will match the old paths then all you need is to place the content of your .html files into suitable articles. Remember you can create a menu (and thus a path to the content) but not display the menu anywhere on the site.
The genealogy.php appears to be a separate application so you can approach that by doing two things, first have a /eng/ directory on your new website with the genealogy.php application in it that way it will have the same URL. Then if you want to create a menu item in a Joomla! menu then you can link to it using a menu item of type 'External Link' - you can read more about the menu types by clicking on the help button in the toolbar.
[EDIT]
For external pages if you want to wrap the external application in your template use a menu item type of Iframe Wrapper this will place them in the main component area of the template. With a good Joomla! 2.5 template you can use a template style specific (i.e. layout settings) for that page.

How can I make minimum JQuery UI Tabs control?

I only need a JQuery UI Tabs, so I access http://jqueryui.com/download and only select Core, Widget and Tabs 3 check boxs, then download the package jquery-ui-1.8.17.custom.zip
I find that there are many files I needn't in the package, but I don't know how can I delete these files.
And more css\ui-lightness\jquery-ui-1.8.17.custom.css inculde many content I don't need if I only use Tabs, it seems that I can delete the whole folder css\ui-lightness\images and don't cause error.
Go to http://jqueryui.com/download and select core, widget and tabs then download the package.
This is almost the minimum requirement. You only need files which in the js and css folder.
If you remove css\ui-lightness\images when you page using ui-lightness theme you will found that there is little difference between the brightness of the tab labels.
Of course. If you did not using ui-icon, you can remove ui-icons_*.png and rules ui-icon-* on jquery-ui-1.8.17.custom.css

Rails: How to change CSS/HTML view code on the fly like with jsfiddle?

Is there a way to edit your views and CSS and see the results on the fly like with a jsfiddle program? I can't seem to use jsfiddle when programming with Rails because so many of my views are Rails code.
Try the Webkit web inspector, or Firebug in Firefox. You can select any element, edit attributes, modify the css, and change the text on the page.
If you have your web running on a server (localhost works too) you can try WebPutty from Fog Creek guys to change your CSS and see the results on the fly. It's free for now.
You can read how to import your site here

How can I find where actually is the theme file?

I am new to Symfony and I need to work to a large project with many themes to modify them. How can I find where actually is the theme file in which module, just looking at the HTML browser output? Or do I need to look somewhere else, routing for example?
What you want to do is use the Web Debug Toolbar.
Once you have that running on the page, using appname_dev.php, simple click the view link and it will show you which templates have been used. If you need to know which layout to use then use logs link, click none the sfPHPView.

Resources