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.
204
questions
0
votes
1
answer
19
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....
- 81
0
votes
0
answers
7
views
How can I dynamically remove tab-index when URL off the page?
In J4.1x I have a three-article carousel, on a 24-second repeating cycle, based on an alternative blog menu item. The carousel works purely with CSS and animation delays of 0, 8 and 16 seconds, with ...
- 161
0
votes
1
answer
19
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 ...
- 161
0
votes
0
answers
8
views
Rescale Facebook Iframe
I want to embed a Facebook Feed into a Joomla page.
I need to find a way to transform the page that opens beyond the last link into "100% Size in the width of the parent container". For ...
0
votes
1
answer
24
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 ...
0
votes
1
answer
31
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,...
- 161
0
votes
0
answers
24
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....
- 101
0
votes
0
answers
27
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 ...
0
votes
1
answer
32
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?
- 21
1
vote
0
answers
40
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 ...
- 505
1
vote
2
answers
130
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 ...
- 11
0
votes
0
answers
22
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
- 11
0
votes
0
answers
19
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 ...
- 1,829
0
votes
1
answer
34
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 ...
- 161
0
votes
1
answer
22
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 ...
2
votes
1
answer
137
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 ...
- 121
0
votes
1
answer
184
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 ...
- 137
1
vote
1
answer
218
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, ...
- 13
0
votes
1
answer
84
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 ...
- 1
0
votes
1
answer
205
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 ...
0
votes
1
answer
71
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 ...
1
vote
1
answer
1k
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 ...
- 213
0
votes
1
answer
240
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 ...
- 31
1
vote
2
answers
145
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, ...
- 161
0
votes
0
answers
19
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::...
- 359
0
votes
0
answers
31
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: ...
- 1
1
vote
1
answer
50
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 ...
- 11
1
vote
2
answers
51
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 ...
- 67
0
votes
2
answers
20k
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/...
- 1,829
2
votes
1
answer
5k
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/
...
0
votes
1
answer
229
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;
...
- 105
2
votes
1
answer
64
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 ...
- 105
0
votes
1
answer
136
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 ...
- 105
1
vote
1
answer
33
views
Need help in removing a bg image
I have a WARP6 Joomlaplates' JP-X2 template and I'm on a latest version of Joomla. I used to have a big bg image of a lady on every site page. So one has to scroll down to see the actual pages' ...
- 67
0
votes
2
answers
490
views
Customize and Display Layout / URL of K2 Articles in Joomla
I'm currently designing a website in Joomla working with the k2 extension for Joomla. Let's simplify things and say I made a Category "A" of k2 articles.
1) I link a main menu to display the ...
- 105
4
votes
1
answer
103
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 ...
- 299
1
vote
2
answers
227
views
Joomla 3.9.X: Website speed on page speed
I have a site with joomla with a good template and excellent performance. The only problem remains the same: the speed for mobile on google pagespeed.
On my site with joomla 3.9.x I have activated all ...
- 223
2
votes
0
answers
235
views
Embed a leaflet map
I'm using Helix Ultimate alongside Joomla 3.9.6 with Sourcerer installed and want to embed a leafletjs-Map.
According to leaflet's documentation, I need to load their CSS as well as their JavaScript, ...
- 21
1
vote
2
answers
320
views
Create an image overlay on rollover in SP Page Builder
I am trying to create a rollover effect as can be seen here but am struggling as to the best way to do it. The client has requested that the site be built using SP Page builder as they want to ...
- 542
0
votes
1
answer
130
views
How to override bootstrap css?
I would like to use the tooltip function of Bootstrap 3 on my website (www.fischer-club.ch). I tried to override the margin-top value in my custom.css to better place the tooltip:
.tooltip.top {
...
1
vote
0
answers
98
views
Echo PHP output in a slider effect
I'm fetching data using for loop and echo results on a page. How do I output the results in a slider effect?
I have tried a simple CSS slider but can't get the intended result. What I end up getting ...
- 11
0
votes
0
answers
28
views
custom styles: Heading numbering: wrong numbering
I would like to have headings in an article to be automatically numbered as follows:
<h2>a</h2> <!-- 1 -->
<h3>a</h3> <!-- 1.1 -->
<h4>a</...
- 101
0
votes
2
answers
65
views
Is there any one to use the mod_menu as we please? *Modifying the backend*
so I've been asked to make a special menu for a website.I'm using the default module that is mod_menu. The issue is I want to modify the HTML Structure to that module.
But I heard modify the default ...
1
vote
2
answers
65
views
Struggle getting search icon to display on tablets
I have quite a specific problem and just cannot seem to figure out what is going on.
I have a Fontawesome search icon which when clicked opens a VM search in a dropdown. This works fine on most ...
- 542
1
vote
1
answer
53
views
How can I remove the URL in the tooltip?
When using tooltips for links in my admin component, the URL is for some reason visible in the tooltip. Is there a way to turn it off, so that only the title attribute is visible? I'm using the hasTip ...
- 405
0
votes
2
answers
112
views
How do I find / write a css class that has a space in the beginning?
The class I want to change has a space in the beginning, see image.
Does anyone know how to find that class or override it with my own class attributes?
Does . nav { css here } work?
1
vote
2
answers
441
views
Problem changing tooltip css in Joomla 3
I'm trying to change the css properties of the tooltip css in Joomla 3.9.
That is, when you hover over a text-label and a description appears right to it. I can't find the corresponding css class, not ...
2
votes
3
answers
228
views
Module Class Suffix Child Div
Joomla! 3.9.1
I've created a 'custom html' module and in the module settings Advanced > I've added the feature-box suffix.
In my custom.css file I have added the following code;
.feature-box {
...
- 3,501
3
votes
1
answer
388
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 ...
- 181
2
votes
2
answers
114
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->...
