Skip to main content

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
0 votes
1 answer
22 views

Module Class doesn't add the class to the site module

Nothing is happening when I modify the Module Class value in a custom side module: Not sure why it matters, but Module Style is left at default value: I tried both with and without a space before ...
Destroy666's user avatar
0 votes
0 answers
12 views

CSS changes with language - what could be possible causes?

I'm editing a website on Joomla 4.4.3 with someone's custom template, based on T4. I noticed that some of CSS is missing when I switch to German language. For example: @media (min-width: 992px) { ....
Destroy666's user avatar
0 votes
0 answers
13 views

column-break-inside: avoid is not working on iOS

I have a J5 mod_articles_category which appears in a sidebar on large screens and drops to full width on smaller screens. I have added CSS so that when it's full width it appears as three, then ten ...
Gillian's user avatar
  • 411
0 votes
0 answers
39 views

Joomla back end is unstyled

I have an odd problem. I have a Joomla 4 website whose back end won't load the CSS/JS. I've tried deleting my browser cache, rebooting, etc. I was doing some things in MAMP earlier today while working ...
Kris Hunt's user avatar
  • 156
0 votes
1 answer
66 views

How do I modify the CSS class on a specific page in a Joomla 3 template?

I upgrade a site template from Nebulae - version 1.6.3 to the latest version 1.16. Nebulae Template The new template change the rt-container children class from this: to this: As you can see, the ...
lance2k's user avatar
  • 103
0 votes
1 answer
229 views

Joomla 4 custom template not loading web assets

I am in the process of writing a custom theme for a client and am having issues with the Web Asset Manager. I have been following examples of other templates that are built for Joomla 4+, but I must ...
Mike Hermary's user avatar
0 votes
1 answer
154 views

How do you change category blog article titles to H2?

I'm trying to change the Category Blog article titles from H1 to H2. I've already tried creating a template override for com_content > tmpl > article > default.php. I found this line: <div ...
Kris Hunt's user avatar
  • 156
1 vote
1 answer
385 views

How do I create a sticky sidebar in Joomla 4?

I would like to create a sticky sidebar in Joomla 4. In other words, I would like to display a module next to an article in one of the sidebar positions. When the article scrolls up, the module must ...
Bruce Button's user avatar
3 votes
1 answer
114 views

Can I delay loading a css file until a user is logged in?

I have a CSS file on a Joomla 4 site using a custom template, that has code that only applies to special views for logged-in registered (manager level) users on the front end that styles list displays ...
Gillian's user avatar
  • 411
2 votes
1 answer
408 views

How can I add a timestamp to my CSS file and preload the file?

I have this code at the top of my index.php file to add a timestamp to my CSS file so that latest version is always rendered. $version = filemtime(JPATH_THEMES . '/' . $this->template . '/css/...
Gillian's user avatar
  • 411
0 votes
1 answer
113 views

Reinstall template

I have an installed template on the site all ready, but I want to reinstall it without removing any content. From my understanding you can just remove the entry from the database? How do I do it.
DeesreX's user avatar
  • 87
0 votes
1 answer
243 views

Category blog - 8 column layout

I have a fresh install of Cassiopeia/Joomla 4 and I am trying to give the Category blog 8 columns. When I add that number under Blog Layout it reverts to 1 column? Values 1-4 seem to work. But ...
j00m's user avatar
  • 191
1 vote
1 answer
290 views

Cassiopeia hamburger menu doesnt collapse

Fresh install of Joomla 4 with the Cassiopeia template and I just set the menu module layout to collapsible Dropdown. Now the hamburger menu is there for mobile and it will expand but not close? It ...
j00m's user avatar
  • 191
2 votes
1 answer
914 views

Joomla 4 - Cassiopeia add JS and CSS

I am using Cassiopeia and Joomla 4. I want to add a slideshow.js and user.css file. I have already added the CSS file and it seems to be picking it up fine. I added the slideshow.js, but doesn't pick ...
j00m's user avatar
  • 191
1 vote
1 answer
67 views

WebAssetmanager and Option weight

I have read the Joomla documentation https://docs.joomla.org/J4.x:Web_Assets. I can't find the weight option there. It is present in the Joomla code. For example, here: https://github.com/joomla/...
agi's user avatar
  • 313
0 votes
2 answers
464 views

Joomla does not detect changes to template css files

I tried to edit one of the files in the css folder of my template, but the edits are ignored. I noticed that Joomla doesn't read the real css files, but a "version" of these... and probably ...
Nintendomi's user avatar
1 vote
1 answer
343 views

Load CSS so as to be able to be overriden Joomla 4

Some years ago, the question of how to load CSS in a way that permits a template override was answered here with: JHtml::_('stylesheet', 'mod_module/style.css', ['relative' => true]); Recently, I ...
mbrampton's user avatar
  • 314
1 vote
1 answer
112 views

Joomla layout CSS classes in a view into iFrame

In the chat component I developed there is a View inside an Iframe in the Main View. The component's CSS works normally, but I can't use the standard Joomla layout classes. The HTML is sent by the ...
JonatasCF's user avatar
0 votes
1 answer
740 views

How to remove CSS and JS from Joomla 4 header?

I want to properly remove CSS and JS links from Joomla 4 header For example I did not want: <link href="/newer/media/vendor/fontawesome-free/css/fontawesome.min.css?5.15.4" rel="...
Gocha's user avatar
  • 83
0 votes
1 answer
68 views

Alternative switcher.css in Joomla 4

Example switcher radio field: <field name="myradio" type="radio" default="0" label="Myradio" class="btn-group btn-group-yesno" layout="joomla....
maidan's user avatar
  • 443
0 votes
1 answer
72 views

URL on three-image CSS carousel not changing with images and text

I have created a rotating carousel using a Joomla 4 blog alternative menu item. The blog shows the three latest articles as 'intro items' on a rotation of 24 seconds in total, i.e. 8 seconds each. The ...
Gillian's user avatar
  • 411
0 votes
1 answer
128 views

Joomla ignores css changes after URL rewrite was activated

I recently installed Joomla 4.1 on my server and since I activated URL rewriting, my changes in some CSS files of the Cassiopeia Template are ignored. I tried deactivating the URL Rewrite, but it does ...
dukemadcat's user avatar
0 votes
1 answer
190 views

How can I block a JavaScript script running when a modal is open?

EDIT: I shouldn't have asked this question. See my answer below. I have my own custom template on Joomla 4.0.6 with a simple scroll-to-top function. If I open edit an article on the front end, however,...
Gillian's user avatar
  • 411
0 votes
1 answer
490 views

Joomla 4 add background image to article

I cant figure out what im doing wrong. My goal is add background picture to article. I created custom.css file with simple code .main-page-picture { background-image: url('/images/main_foto_final....
Novice's user avatar
  • 101
0 votes
0 answers
103 views

How to style a Fabrik (Joomla) form?

I'm new in the joomla world and I don't know very well how to style a form created with fabrik, I don't know where to add the styles or anything. If you can guide me it would be of great help. Thanks ...
Alberto Quiroga's user avatar
0 votes
1 answer
77 views

Removing the border around the content in Protostar

The Protostar template has a border around all the content and modules, except for the footer module. How do I get rid of this border?
brettv's user avatar
  • 21
1 vote
0 answers
70 views

Reading your site's content with PURGECSS Joomla Template

Is there a PurgeCSS guide to setting up with a Joomla! Template. WP has this guide. My problem is I can't get it to read all the pages in the site. What should I put in content: [],? Now - I want it ...
iamrobert's user avatar
  • 505
1 vote
2 answers
425 views

Modify CSS class on specific pages

I would like to modify CSS styling to some of my pages, and override the default template styling. By default, I have this class (.article-intro-image) on my template css with some parameters (for ...
Vicent G.'s user avatar
0 votes
0 answers
26 views

Sort Categories for sj_k2_categories_ii Module in Page

i use this sj_k2_categories_ii module in my site i make some menu with this module how i can sort Categories by alphabet in my page Categories sorted by module with k2 item ID thanks
Ali Zangeneh's user avatar
0 votes
0 answers
25 views

What's the easiest way to avoid the double class issue on modules?

The module class suffix is added to a module and then to the div with the module content within it. On the second occasion it adds the word/class "custom". I've always found this a bit of ...
Eoin's user avatar
  • 1,976
0 votes
1 answer
52 views

CSS position: absolute doesn't display correctly on Amazon Fire tablet

I have a Joomla 3.9x website with a custom responsive menu. Each menu item in the top level has a pseudo ::before element displaying icons from a custom font. If the item is a menu separator, then the ...
Gillian's user avatar
  • 411
0 votes
1 answer
32 views

show payment method in site

i create Joomla site i build some shop with hikashop module and costume it in Cart if i go tab 3 ( for payment method ) i cant added more payment method can anyone help me why i cant do that ? for ...
Abolfazl Zangeneh's user avatar
2 votes
1 answer
276 views

Navbar: prevent two lines on smaller screens

I am using the Flex template and SPPage builder for my Joomla site. I have one annoying problem: When I resize the window to less than 1200 px, the navbar switches to two lines (e.g. iPad Pro ...
gha's user avatar
  • 121
0 votes
1 answer
751 views

jump after header top bar

My site has a top bar and a nav bar with the site menu. Strangely enough, after a few pixels of scrolling down, the content part of the site jumps up. I think this wasn't doing this initially, but I ...
thymaro's user avatar
  • 137
1 vote
1 answer
362 views

Bootstrap 4 header stacks logo over menu (want side by side)

I inherited work on a site that uses Joomla, SP Page Builder, Helix Ultimate framework (based on Bootstrap 4), and a 3rd party template. Needless to say, it's been messy trying to make modifications, ...
beastvold's user avatar
0 votes
1 answer
156 views

Joomla with Helix3 Framework, remove whitespaces above and below smartslider

I am designing a new site in joomla using helix3 framework. In the "about us"section i use smartslider 3 and what i need is not to have any white spaces, above and bellow... if possible. Is ...
John G's user avatar
  • 1
0 votes
1 answer
313 views

Edited css not updated in XAMPP

I am new to Joomla and just downloaded a template (from my company) and deployed it on XAMPP. When I try to edit the CSS and refresh the page, the css does not get updated. I have tried clearing the ...
advait-varma's user avatar
0 votes
1 answer
110 views

Other files overriding my template css with bootstrap?

I have a strange problem with one of my homepages. I changed the font-family and font-size in my Joomla Template (JM Guesthouse by Joomla Monster) and nothing happened. After some minutes playing with ...
MatthiasDunkel's user avatar
1 vote
1 answer
2k views

Pass PHP variables to CSS?

I want to pass some variables to my css, without using inline styles. During some research I found different sources pointing to the same solution. For example here on the Joomla forum. Basicly they ...
TVBZ's user avatar
  • 213
0 votes
1 answer
470 views

Changing how Fabrik extension lists are displayed

I created a list using Fabrik and used elements to create fields for the list. The result was a form for my Joomla registered users to use to input data such as in fields I created like in the below ...
zexa's user avatar
  • 41
1 vote
2 answers
222 views

Unwanted transform translate3d effect in menu

My (J3.9.16) website has a horizontally aligned mainmenu for larger screens. It works fine on my iPad. If I tap on a parent item the child dropdown menu is displayed and if I tap the parent again, ...
Gillian's user avatar
  • 411
0 votes
0 answers
23 views

Displaying label (boostrap badge) in an admin grid

I need to display a green highlighted message in my grid. I'm currently using <span class="label label-success">message</span> Is there any way to do it via code like JFactory::...
Thiago Guimarães's user avatar
0 votes
0 answers
32 views

How can I make changes to JoomlArt's "Ja Mero" template's style sheet?

I'm not quite sure how Joomla's file structure works. I am using the Ja Mero template from JoomlArt, but haven't used it much. It looks like the T3 Framework. The generated filepath appears to be: ...
09eric09's user avatar
1 vote
1 answer
60 views

Media/Template folder fills up with constantly generating css and js files with 8 random characters appended to filenames

One of my site's media/template folder continues to generate new css and js files every few days. Each file is appended with an 8-character string of random alphanumeric characters. What I expect ...
user6805702's user avatar
1 vote
2 answers
61 views

Need to add a hyperlink to a logo

I've put a logo on my site's homepage and the logo was clickable. And then I adjusted its position through custom.css file, but now the logo is NOT clickable (plain image). How to make it clickable ...
papakota's user avatar
0 votes
2 answers
24k views

was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff)

The files are loaded as so: $document = JFactory::getDocument(); $document->addScript('media/breezingforms/slider-radio/slider-radio/slider-radio.js'); $document->addStyleSheet('media/...
Eoin's user avatar
  • 1,976
2 votes
1 answer
6k views

Can't remove white space above and below the header

I am writing a Joomla template from scratch to use on my website. For some reason, I get white space above and below my header. My website, which you can check and inspect: http://vaterlinija.lt/ ...
Justinas Rubinovas's user avatar
0 votes
1 answer
342 views

Resize image width in function of set image height in CSS?

I'm trying to tell an image to be displayed with a maximum height of 400 pixels, and a width adapted onto the used height, with the following CSS - Code: span.itemImage img { max-height:400px; ...
Joe's user avatar
  • 105
2 votes
1 answer
84 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 ...
Joe's user avatar
  • 105
0 votes
1 answer
182 views

How to customize amount of columns in Joomla megamenu?

My website has a mega menu dropdown in the main menu which shows up nicely, but the problem is that I had to choose the design for six columns to be able to implement my five desired columns in the ...
Joe's user avatar
  • 105

1
2 3 4 5