Questions tagged [css]

CSS (Cascading Style Sheets) is a style sheet language used for describing the look and formatting of a document written in a markup language.

Filter by
Sorted by
Tagged with
21
votes
5answers
43k views

How do I override the CSS styles in my template?

When using a free/commercial Joomla template from Template Club X/Y/Z, what is the best way to include my own CSS styles?
17
votes
4answers
31k views

Adding custom CSS styling on some of my pages

I would like to add custom CSS styling to some of my pages to give them a unique style, and override the default template styling. How can I achieve this in Joomla?
10
votes
1answer
2k views

Understanding CSS classes applied to menus: “deeper” and “parent”

I'm trying to understand the difference between the "deeper" and "parent" class names applied to parent li elements in a default Joomla 2.5 menu. They always seem to be applied together? It is always "...
7
votes
3answers
869 views

Standard CSS classes / id naming conventions

When building a custom component, and while designing the layout file to render the view, I'm having difficulty determining what CSS classes / id's to use in my HTML elements to ensure it takes ...
6
votes
4answers
3k views

CSS Change won't apply - Where could the cache be?

I've encountered a strange problem that I've never seen before. I edited a CSS file and uploaded it to my server. From my hosting's file manager, I can see the file is updated. But in my local ...
5
votes
3answers
6k views

How to customize the look of the admin ISIS template with CSS? ISIS custom.css

I want to customize a bit the look of the ISIS admin template in Joomla 3. Need to add a few custom css for colours, and hide a few elements here and there. What is the best way to do this?
5
votes
2answers
2k views

How can I add support for styles BTN-GROUP and BTN-GROUP-YESNO as found in Protostar?

While we're developing our component using Protostar, we have found that the btn-group and btn-group-yesno classes are not "native" per se, in that they're not necessarily supported in other ...
5
votes
1answer
726 views

Joomla menu module - display levels in separate panels

I'm trying to make a Joomla menu module to behave like the menu from this site: http://wachtel.de/backoefen/etagenoefen.html. What's important is that every menu level is displayed in single panel - ...
5
votes
2answers
597 views

Is there a way to have the article edit box stretch the full width of the screen in Joomla 2.5?

When editing articles with EDITOR set to NONE, is there a way to have the article edit box stretch the full width of the screen (in Joomla2.5)? I know you can resize the width manually, but I'd like ...
5
votes
1answer
583 views

Getting template params from template.css.php

I'm creating joomla template using blank joomla starter template. The blank joomla template has a file called template.css.php that combines and compresses multiple template css files into one single ...
4
votes
4answers
4k views

creating new template in 3.3

I'm creating my 1st new template - very beginner. I've a static HTML5 and CSS3 website that I created myself from scratch and converting this to a Joomla 3.3 template. I've read some tutorials about ...
4
votes
6answers
3k views

How to force cache/browser data clearing in browser?

Scenario: I have upgraded an old Joomla! website from 2.5 to the latest version of Joomla!. After doing so the site from my point of view looks as it should. If I try to access the site from another ...
4
votes
2answers
3k views

How to override an extension CSS file

I'm using an extension and would like to make some CSS changes, however I don't want these changes lost when I update the extension. How would I go about performing a CSS override?
4
votes
4answers
394 views

Random image in an article

I've built my own template so that when someone creates an article, the image on the top ( like an intro image ) has a width of 100% and its own height ( could be 200px or whatever ). Now someone ...
4
votes
2answers
3k views

How to change Joomla! 3's bootstrap theme preserving original?

I am creating a new template for Joomla! 3.3.1. I want to use bootstrap's amazing features. In addition to this I have downloaded a theme form http://bootswatch.com/2/. I have overwritten new theme ...
4
votes
1answer
47 views

Getting CSS style to vary with different module instances

Edit: see the Update below for the current status of the problem. I have a module that has to display a variable number of rows, based on how the user configures it in the back-end, and several ...
3
votes
4answers
3k views

Dynamic JS and CSS combining without JCH Optimize

I know JCH Optimize is a very good plugin to compress and minify JS and CSS files but I noticed it also adds time to the page to be rendered. For example, WITHOUT JCH OPTIMIZE my TTFB is 200ms but ...
3
votes
2answers
746 views

How to add conditional comments for IE when including CSS / JS?

I am transforming a HTML template into a Joomla template. I have the following block in HTML: <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: ...
3
votes
2answers
2k views

How do I change the appearance of the search results page?

Can anyone offer some guidance on how to change the look of the Search Results page? Right now there is no visual separation and everything looks very condensed and cluttered making it hard to view. ...
3
votes
1answer
246 views

Floating module on scrolling?

Is there a way to create a module, which is floating in its position (and only in its position)? http://aebb.es/4 here I would like to have the fixed opt-in module on the right side to float always ...
3
votes
1answer
300 views

Where to call for CSS/JS in custom component for frontend views

I've created a custom component with a dashboard that needs styling with CSS. I've created the CSS file and I'm looking at calling for it in the frontend view. Working with J! 3.6.5 and a MVC ...
3
votes
3answers
381 views

Joomla Tags in 2 Columns - RocketTheme Template

I'd love to know how I can create Joomla tags in two columns. Example of what I have: http://visualedgehosting.com/dfw-chimera/leadership/ Appreciate any help in advance,
3
votes
2answers
134 views

Why form is non-editable on offline page?

This is probably not directly a J! problem so if you vote for closing, I'll remove the question. Joomla 3.3.6 Offline page – there is a login form displayed, but it is not editable, although its ...
3
votes
2answers
257 views

How can I change the Class of SELECT fields that Joomla generates'

I've disable chosen.js so that all my <select> tags are plain HTML, but am so far unable to change the default class of inputbox to one of my choosing, (specificially from the Search Tools ...
3
votes
1answer
155 views

How can Joomla isis template be forced to display dropdown menu icons?

Various 3rd party extensions have dropdown menu icons that don't appear in ISIS because ISIS doesn't provide for dropdown menu icons. This is caused because ISIS has the following CSS activator. ....
3
votes
2answers
319 views

How to add template-independent global css

I am setting up a Joomla 3 site and want to use custom global CSS which is template independent. The reason why I need this is that the admin of the site will need to change the template in use. I am ...
3
votes
1answer
18 views

JomSocial feed images getting height set inline. How do I turn this off?

Images added to the feed are getting a height set inline which resizes the images. Any ideas where I might go in JomSocial configuration to turn this off?
3
votes
0answers
1k views

Joomla! fails to load CSS files when running on Firefox with SSL [closed]

The easiest way to see my problem is to check this site with SSL: https://www.rekuperatory.pl/zapytanie-ofertowe on two browsers, one being Firefox. The thing is, it loads correctly in Chrome, IE, ...
2
votes
3answers
327 views

How do i Style a module to appear in a different color on a particular page

Well I got a module that I'm using with a background-color: "Color1", I'm using it almost on every page on my site, but there is a particular page where I want it to be shown with a background-color: "...
2
votes
2answers
548 views

CSS/HTML problem on Joomla config page (3.6.1 and 3.6.5)

I have a rendering problem with my config page, which is loaded with /index.php?option=com_config It shows up without any Styling - and without any embedded JavaScripts. When I look into the HTML ...
2
votes
1answer
469 views

How to add custom JS/CSS file, without modifying the template (from extension)?

I am writing a custom extension, and i wanted to add specific JS and CSS into admin dashboard (on every page), and also different JS/CSS files on front-end... I have seen many answers, but all of ...
2
votes
3answers
248 views

Css file erases new editing

When I add new styles to the template.css, Joomla doesn't save them for a long time it keeps resetting the code. although the html code keeps the new lines that I add. Why is this happening!!
2
votes
5answers
394 views

Adjust screen resolution

I'm trying to adjust the body for every screen resolution. I'm using Joomla to develop a website, and as you know it has a default template with its own CSS. Then I created some articles that need a ...
2
votes
1answer
40 views

Page titles overrun screen size in mobile view - sustainable solution?

I have built a site in German and some of the page titles are quite long. When viewing the site in a mobile view some of the page titles disappear off to the right hand side of the screen, thus the ...
2
votes
2answers
346 views

Where to include additional stylesheets in my template?

Im struggling to include the following stylesheets in my template. Which file do i need to load them in? $doc =& JFactory::getDocument(); $doc->addStyleSheet($this->baseurl . '/...
2
votes
2answers
754 views

Change ordering of loading css files in T3 template

I'm using JoomlaArt template. That template was built on T3 Framework. They have a integrated way of adding custom CSS file and it is pretty simple. Everything what needs to be done is to add ...
2
votes
2answers
62 views

My Joomla Template is loading my custom CSS using JS. Is there a way to add the unique version tag to my custom CSS? i.e: custom.css?20180101

I normally just add my unique tag to the css path in the section of my html, but my template is adding my custom CSS via Javascript: if (is_file(T3_TEMPLATE_PATH . '/css/custom.css')) { $this->...
2
votes
1answer
442 views

The background color of my login screen turned black. How do I change it back to the default?

On a couple of 3.4.8 sites I manage, the login screen has changed from blue to black. I have found this code in the index.php file of the admin template (isis). /* Template color */ <?php ...
2
votes
2answers
584 views

Remove the list style type of a joomla menu

I need to remove the list style type of a joomla menu. I have tried to set text-decoration, list-style, list-style-type and text-decoration-line to none. But nothing works. I have seted the ...
2
votes
1answer
355 views

CSS/JS compression distorts the website template/look

My website has a score of 50/100 on pagespeed. I am trying to improve it's load speed. When i implement compression either via template (T3 template option)or JCH plugin the website completely looses ...
2
votes
4answers
955 views

CSS Stylesheet for Custom Joomla Template isn't showing

So I have currently used basic html and css coding to create a website for a client. The template uploads to the extension manager but when I go to preview it, the page looks nothing like it's ...
2
votes
1answer
132 views

Designing selectbox in joomla

I have a selectbox in which options are coming from a module. Following is its code. <div id="dropdown"> <form action="" method="post" name="country"><label for="country"></label&...
2
votes
2answers
658 views

2.5 template/css issues: article links not working in Chrome, link colors locked globally to white and email cloaking

I'm a Joomla, CSS and php newbie. I was tasked with creating a site for the school I just started working for based on its already hacked-up Joomla 2.5 template. I hacked it some more to get the ...
2
votes
1answer
403 views

joomla protostar formfield width responsivness

How is it possible to size formfield widths for Joomlas Protostar Template? <field name="titel" type="text" label="COM_COMPONENT_TITEL_LABEL" description="COM_COMPONENT_TITEL_DESC" class="inputbox"...
2
votes
1answer
42 views

Trigger switch from main menu bar to offcanvas menu when main menu would break in two lines?

I have a website in three languages, so the main menu doesn't take the same space for all the languages. Because of that, the main menu gets broken up into two lines when the words in the main menu ...
2
votes
2answers
647 views

How to add CSS to component settings?

I am working on a Joomla component, which includes hyperlinks. I'd like to include the URLs for the links in the configuration of the component. Therefore I added a config.xml to the main directory ...
2
votes
1answer
78 views

Retrieve JCH CSS file from outside Joomla?

JCH outputs the combined and compressed CSS file as: /media/plg_jchoptimize/assets/gz/1/0/21258391ff538dceaca26d18cb55cb1b.css Since this is a randomly generated link every time JCH refreshes the ...
2
votes
1answer
169 views

Specifying Joomla Menu Classes

I am attempting to use a Text Separator as a non-clickable menu parent header. Unfortunately the template I am using formats this differently to the clickable menu items, so I would like to modify ...
2
votes
1answer
543 views

Template Modal Conflict

Joomla 3.6.5 Joomshaper Helix 3 Template link FavimageHover Module link I have the FavimageHover module installed on my site, it works great until I try and add images via the front-end. There seems ...
2
votes
1answer
679 views

How to remove/hide “Help” button from the admin toolbar?

How do I remove the "Help" button from the admin toolbar in Isis template? I have tried placing the following in the Isis template.css file with no luck, #toolbar-help.btnwrapper button.btn-small { ...