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.
176
questions
1
vote
1answer
21 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
1answer
39 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;
...
2
votes
1answer
30 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 ...
0
votes
0answers
23 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 ...
0
votes
0answers
8 views
Customize alternative layout for the K2 Content module in Joomla
I already established an alternative layout php file and it's recognized by the Joomla administrator for the K2 - content modules. What I need to do now is code the layout I want in php, but the ...
1
vote
1answer
26 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' ...
0
votes
2answers
31 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 ...
3
votes
1answer
25 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 ...
1
vote
2answers
36 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 ...
2
votes
0answers
34 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, ...
1
vote
2answers
96 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 ...
0
votes
1answer
37 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
0answers
33 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 ...
0
votes
0answers
24 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</...
0
votes
2answers
52 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
2answers
50 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 ...
1
vote
1answer
36 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 ...
0
votes
2answers
46 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
2answers
144 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
3answers
59 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
votes
1answer
138 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 ...
2
votes
2answers
36 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->...
1
vote
1answer
39 views
Home page problem (maybe css related)
I have just made a new installation of Joomla from scratch and adopted the Helix Ultimate, but the look of the home page is quite different.
My site: http://www.casalpinachezal.it/
Demo Helix: http://...
0
votes
1answer
85 views
Is there a way to open a BS collapse through a link?
If I have a simple BS collapse:
<a href="#content-<?php echo id; ?>" data-toggle="collapse">Trigger Text</a>
<div id="content-<?php echo id; ?>" class="collapse">
...
1
vote
1answer
223 views
How do I add custom css to a Joomla! Module?
I am using a module called JM - Inrto Articles which in short allows you to add little preview tiles of other blog articles that have been posted. Problem is, I want to edit this using my own css. I ...
1
vote
1answer
54 views
How can I align images (inline)
I am trying to align images in a div tag so they sit left or right of the text.
I am using JCE Editor and if I align images in the image settings the image sits outside of the div tag ??? I am trying ...
1
vote
1answer
26 views
Editing responsive html codes
I own a website called www.elitemaths.com.au that is joomla based.
Because I am new to joomla I need to ask you two things that may be basic for you guys.
First, how do I go about changing the texts ...
0
votes
1answer
203 views
CSS files and Js files not loading in https
Recently I try add https to a Joomla site.
In https everything was ok, now it’s not loading some CSS files and Js files.
Using the network tab in chrome dev tools I get the following error:
(failed)
...
2
votes
1answer
31 views
Footer columns render different in each page
Here is the website. The footer should have 4 columns like this page, but in other pages it renders with 2 columns (here) like when page is rendered in smaller screen. Why is that?
-1
votes
1answer
191 views
Problem with centre aligning a module and its content
I am using JF login Pro on a site and can't for the life of me get the login button to dynamically center on mobile devices. I can center it using margins but this will not be dynamic thus the ...
1
vote
1answer
52 views
How to use nested css ID elements
I'm using a template which uses the following code at the top end of the container.
<?php if ($this->countModules('advert')) : ?>
<div id="fav-verytop" class="container-fluid" >
&...
3
votes
2answers
143 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 ...
2
votes
1answer
40 views
What css do core and third party extensions expect a template to have?
I usually build Joomla templates in which I do not expect the admin to add their own modules and components. As such, my CSS styles just need to work on the components and modules I have built or ...
0
votes
2answers
1k views
How do I override mod_menu and add classes to child li-elements?
For a website, I use the stylesheet theme.css in my default template where the menu style is defined in classes like .dropdown-menu and so on.
My question is now: How do I apply those classes to my ...
0
votes
2answers
327 views
How to style a page inside s-box popup
After an update of few components and Joomla some of front-end users noticed that when inside article's creation clicking on "Introduction image" shows a modal (/index.php?option=com_media&view=...
0
votes
1answer
341 views
Use custom CSS for only part of a Joomla page?
I have some custom CSS for a table that needs to only change this specific table and leave the rest of the page to followed the regular template.css. I'm not sure where to put this to it works with ...
4
votes
6answers
2k 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 ...
0
votes
1answer
1k views
Can't override bootstrap CSS
I'm using the Joomla template RsKala! by RSJOOMLA.
I have successfully put CSS override code in the custom.css for these items:
.item-image.pull-left,
.item-image.pull-right {
float: none !...
0
votes
2answers
59 views
keep template's shape in different browser size on pc [closed]
Is that possible to keep away website of browser size changes like decrease browser size or restore down on pc or laptop?
I wanna keep my website's shape in one shape in pc or laptop when user change ...
2
votes
2answers
491 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 ...
3
votes
1answer
139 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.
....
-1
votes
1answer
66 views
Make 2 module positions the same height
I'm struggling with something that should be really simple.
I have 2 modules side by side one displays a widgetkit slideshow the other a googlemap. I want them to display completely inline - i.e. ...
2
votes
1answer
373 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 ...
1
vote
1answer
240 views
Keep text within background image in Joomla Module
I am adding a button to pop up a newsletter signup form inside a module. I have a background image set and am looking for a way to ensure the text says on top of the background image regardless of ...
1
vote
4answers
921 views
Customizing Protostar - Empty space in Joomla Protostar Template
OK, so I am brand new to Joomla, figuring it out as I go along. I mean, that is what Joomla is for, being able to do it yourself.
So I have been sitting for two days at an end, trying to get that ...
2
votes
1answer
73 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
152 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 ...
0
votes
3answers
438 views
Articles list from a category displayed in 2 columns
I try to display the articles list from a specific category (mod_articles_category) in 2 columns.
There is a great example here about what I want: http://jsfiddle.net/HP85j/393/
I would love to do ...
0
votes
1answer
656 views
Changing the headerlogo in beez3 template the image isn't fit to the headerlogo
I have Joomla 3.7. I have replaced the file personal2.png in /templates/beez3/images/personal/personal2.png to another image with the same resolution ( 1060X288 ).
The Image Logo changed but the ...
1
vote
2answers
627 views
Override Global CSS within Article
I have one article, where I want to apply different styling to it than what the global is.
I tried to add it like so <link rel="stylesheet" type="text/css" href="https:"/ tag at the top of my ...
