What's the deal with Deno? We talk with a major contributor to find out. Listen now.

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
1answer
34 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 ...
1
vote
0answers
16 views

SqueezeBox in Joomla plugin

I'm just starting with Joomla. There is not much documentation about SqueezeBox to use modals. I noticed when I installed a plugin, it created a css file in this directory \joomla\media\system\css\...
0
votes
1answer
79 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; ...
1
vote
1answer
28 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 ...
1
vote
1answer
146 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 ...
0
votes
2answers
417 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
2answers
198 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 ...
1
vote
1answer
18 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, ...
1
vote
1answer
113 views

Joomla - Display block of a tooltip not work in main menu

I'm trying to display a tool tip when you have your mouse over to the menu item " blog ". My tooltip, content in the menu is this: < li id="newitem91">< div class="tool-tip">< span>tool tip!...
0
votes
1answer
32 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
1answer
26 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 ...
0
votes
1answer
27 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
1answer
69 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 ...
2
votes
2answers
629 views

Custom Module Menu Item Link Class Css

I would like to customize a Menu module. I want to add a default CSS class to a Joomla 'my_template' to render all link menu items with a default class (<a class="link_menu"...). I know that it is ...
0
votes
2answers
118 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"> ...
17
votes
4answers
32k 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?
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. ...
0
votes
1answer
31 views

Inspect Page Doesn't Reflect Color on Web Page

I am driving to change the background color where it says Module1:Initial Configuration. I have changed the css to 0088cc as shown in the image, but the color blue doesn't show on my web page. The ...
0
votes
0answers
19 views

Changing how Fabrik extension lists are displayed

I created a list 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 picture(...
0
votes
0answers
8 views

Adding Source Maps using JLess

I have been using Less for my templates' CSS and compiling it using code such as the following: $templates = array( JPATH_SITE . '/templates/templatename/less/layout.less' => JPATH_SITE . '/...
1
vote
2answers
28 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, ...
0
votes
0answers
18 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::...
0
votes
0answers
19 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: ...
2
votes
2answers
317 views

Trying to repair or eliminate “Written by” author field in article view

I'm trying to figure out where in the heck is the "Written by" tagline displayed at the top of each news article...basically, which css/php/whatever file holds the layout for articles and would ...
1
vote
2answers
46 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 ...
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 ...
0
votes
0answers
12 views

problems with d-flexpagination wrapper and naming buttons

I have two little problems. In moblie version of page I'm currently creating in categories with more than 9 pages of content it's unpossible to reach to the end - numbers of pages above 9 doesn't ...
0
votes
1answer
56 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
2answers
9k 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/...
2
votes
1answer
122 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/ ...
2
votes
1answer
43 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 ...
1
vote
1answer
31 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' ...
2
votes
3answers
146 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 { ...
4
votes
1answer
50 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
61 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
73 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
174 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 ...
1
vote
1answer
42 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://...
3
votes
2answers
289 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 ...
0
votes
1answer
72 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
45 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
62 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
52 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
44 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 ...
1
vote
2answers
331 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 ...
0
votes
2answers
48 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?
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 ...
1
vote
1answer
82 views

Joomla Editor: select image looks ugly (no css?)

When I want to insert an image in an article, the modal where I select an image is very ugly. It seems there is no CSS which makes the modal more beautiful. In my index file I've got the following ...
3
votes
1answer
266 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 ...