Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

0
votes
0answers
20 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"> ...
0
votes
0answers
82 views

Blank Control Panel after update 3.9.1

I tried to do an auto update from my backend to 3.9.1 That failed because of an ajax error I have done updates using FTP before so that's what I did. Unfortunately my mouse or something went haywire ...
1
vote
1answer
29 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
0answers
31 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
0answers
14 views

Joomla Bootstrap 3; break out image or div on the left

I am using a Bootstrap 3 template. I'd like to make pages with images or text divs sticking out of the regular space of the column. I was thinking of something like this: <div class="col-md-...
1
vote
1answer
22 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
126 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
17 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
43 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
38 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" > &...
2
votes
2answers
59 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
30 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
552 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
182 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
194 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 ...
5
votes
5answers
929 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
910 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
0answers
141 views

Animated change logo size on scroll script creates a library conflict or some other loading issue

I'd like to have the logo shrink when the page scrolls down and expand to original when the page scrolls to the top. Except for the preloader with rotating icon, my code prevents the page from loading ...
0
votes
2answers
46 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
305 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
99 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
39 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
210 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
168 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
571 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 ...
3
votes
1answer
51 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
89 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
334 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
501 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
398 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 ...
1
vote
1answer
397 views

Remove white space when using display:none on elements in print.css

I'm trying to simplify the print view for a client by removing images (and some other elements) however, this leaves some huge white gaps between the other elements in the print view. Does anyone ...
1
vote
2answers
80 views

Masthead module 'Jumping' just after page load

I'm slowly working my way through a number of bug fixes across a number of sites and came to this one, which has had me baffled for quite some time. The site uses a Masthead/Masshead (whichever it is)...
2
votes
1answer
36 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 ...
0
votes
2answers
29 views

Module displaying outside of container

I'm pretty sure I have posted this before and rectified the issue, but I cannot seem to find the post. I have a module which I just want to display as a darkblue empty module, filling the module ...
0
votes
1answer
39 views

Struggling to make module same height as Hero background image

I am working on converting a static site to Joomla and am getting a bit stuck with regards to styling a module position so that it is the same height as the background image for the row. The look I ...
1
vote
1answer
79 views

Footer position overlapping content - definitive way to ensure it is always below?

I have been asked to have a look at an issue on a site where by the footer position seems to overlap the content. The CSS for the position is: #jsn-footer { position: relative; font-size: ...
1
vote
2answers
274 views

Load a custom css file from a component into the head tag after the backend template css file

I'm trying to load a component custom css file, placed in the frontend media folder in the media/mycomponent/css folder, to load into the backend after the backend template.css file (Isis) is loaded (...
0
votes
1answer
48 views

Images missing from print view - K2

I'm not sure whether this is Joomla related or general however, When clicking print on the following page there should be images at the bottom of the page where it says sponsors, no matter what I do i ...
0
votes
1answer
703 views

Bootstrap nav bar in joomla 3

I tried to make my excisting template ready to use with Joomla 3.7.0. Everything went easier then I expected untill I got to the part where I had to implement the menu. In the layout I was using the ...
0
votes
1answer
70 views

UPDATED: Prevent font color from changing when hovering over child menu item

I'm baffling myself with this one. Updated: I had to make some CSS menu changes and now the previous solution no longer works - Any suggestions? I have a Joomla main menu set up and when you hover ...
2
votes
2answers
195 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 ...
1
vote
2answers
157 views

best way to add third party js and css

I need to add a third party js and CSS to my template head. I'm getting Leverage browser caching and someone advised me to load the files locally. created a directory in root: assets/third-party/ ...
0
votes
0answers
27 views

CSS change not applied [duplicate]

I know this is really basic but it's driving me crazy. I want to change the background color for a specific div - the header - from black to white on in JSN Mini Pro. If I weren't using a CMS tool I'...
2
votes
1answer
386 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 ...
0
votes
1answer
244 views

Customization Of Joomla! Form Fields In Frontend (Tag Field Specifically)

Is there anyway to customize how a standard Joomla! field type displays in the front end? I have created a form and every field looks fine EXCEPT the "tag" field type which for some reason is styling ...
0
votes
3answers
58 views

Apply CSS to multiple articles via URL

I have some custom CSS I'd like to add to my template's user.css file. It's CSS that is supposed to be applied to all of my newsletter articles. There's a lot of them. So, I know how to apply CSS to ...
3
votes
1answer
542 views

Site CSS Fails To Load (sometimes)

Joomla 3.6.5 Helix Framework Version: 1.8 SEF & URL Rewriting enabled (No third party extensions installed) Helix3 Template link System & page cache off I am facing a strange problem with my ...
7
votes
3answers
1k 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 ...
4
votes
1answer
193 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
1answer
17 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?