qTranslate-X messes theme CSS in WordPress - css

I just added the qTranslate plugin to my WordPress site, but now, when I switch to another language in the menu, the CSS colors from the menu and buttons return to default. (Only in the new languages)
http://www.gasolina.me
Further inspection on the elements shows me that the browser is looking for the css (selection.php) inside the /es/ or /fr/ directories, but since its not there, the colors revert to the default, from another CSS file.
All the other CSS are fine (downloaded from the correct location), its only selection.php
I tried manually adding the file in a NEW /es/ directory but it messes the home page and displays an error when I add that directory.
The file marked as "initiator" (in my browser inspector) for the CSS file is not calling the /es/ directory in the href link for the php CSS file. So I don't know where to fix the mistake. Since all the other CSS files that are called from that same file are not being looked for inside the language directory.
Any thoughts?

Ok, so the solution was to add the php extension to the qTranslate ignore links settings inside the advanced settings. So that php files don't get translated (or their address location, rather)

Related

Failed to load CSS file in elementore inside wordpress

Hello Stackowerflow comunity.
I am suffering from the issue which is "Failed To Load Resource" inside wordpress.
When I close the elementore, all the contents of my website goes break and when i reopen it the website looks great.
In this period what happen is, inside my wordpress directory wp-plugings/upload/elementore/css it contain all css files of elemetore all css files removed auotomaticaly and
when i reopen the elementore all file comes up
What to do ?
I'm assuming your site is breaking down when you deactivate the Elementor plugin. It is common for plugins to remove codes/files generated by them when they're deactivated.
If you need to deactivate the Elementor plugin, yet keep the styling:
What you can do is:
copy all the codes from the css files in wp-content/uploads/elementor/css and paste them in one of the css files in your child theme, or in the theme settings or customizer. (Make sure that all the css code has proper selectors instead of pseudo selectors).

Where is css file of my menu?I have joomla site

Can't style my menu css,i tried to change in master-ccda(my site www.blobus.on.kg)It helps for 5 minutes than changed back.Please help me to find place where i can change it.
You use a rocketheme/gantry template. Your website has compression/caching enabled for the css. This is enabled either by the template settings or another compression/caching system plugin. Therefore what you get as a final css file, is a dynamically generated compressed css file. Any edits you are doing on this file are getting lost, as soon as the system will generate a new final master.css file.
You need to disable these functions while you are building your website. Doing so will stop the compression of all the css files into one and you will see what rules and from which files your menu and other elements/sections of your website inherit their styles.
In addition keep in mind that it is best to avoid making changes on the core files of your template/extensions.
Gantry templates allow you to create a custom css file where you can put your own css overrides.
The custom css file need to be place inside the css folder of your template and usually needs to have a name of this convention: rt_templatename-custom.css.

WordPress child theme style.php edition

A client have bought a wordpress theme,
And I am developing a child-theme.
I have duplicated the theme folder, renaming the second one -child, trying to follow the best practices.
Till now, I didn't have any problem editing files.
But there is a CSS rule in the style.php that I have to remove and cannot overwrite (left: 0 !important;)
So I would like to remove it from the style.php file of my theme.
In my local environment, it is working perfectly ;
But in production, the file in the browser is never updated, this CSS rule persists... However the file is physically correct, when I edit it with vim in SSH...
When I remove the file, the browser send me a logic 404...
I cannot figure if it comes from any caching (I don't have any caching plugin) ;
Or if it is related to the parent theme...
I have clean the browser caches several times, even tried to open a private navigation window, nothing is working...
Any trick about it ?

Changes in custom.css don't apply

I'm using Wordpress (theme: future) with a plugin called "Private Blog". They give the possibility to use a custom css (by creating the file custom.css and put it in the theme root).
This is done and has worked so far, but suddenly the changes I do don't apply. When I check Chrome DevTools the file is still used with the old content even though I can see that the new content is saved when I open the file on the server.
How can this be and what can I do about it?

How can I change the way my Drupal theme displays the front page

I am trying to build an website for my college's magazine. I used the "views" module to show a block of static content I created on the front page.
My question is: how can I edit the theme's css so it changes the way that block of static content is displayed?
For reference, here's the link to the site (in portuguese, and with almost zero content for now).
I can't access your site at the moment, so I'm basing this on fairly limited information. But if the home page is static content, the views module might not be appropriate. It might be better to create a page (In the menu, go to: Create content > page), make a note of the page's url, and then change the default home page to that url (Administer > Site Configuration > Site information, 'Default front page' is at the bottom). Although I might be misunderstanding what you mean by 'static content'.
But however you're creating the front page, don't edit the css in the theme - it'll get overwritten next time you upgrade. Instead you need to create a sub-theme.
As an example, if you want to subtheme Garland, in drupal 6. You first need to setup a directory for your themes. Go to sites/all/ in your drupal installation, and create a subdirectory called themes if it doesn't already exist. Go into that directory, and create a directory for your subtheme, say mytheme (i.e. sites/all/themes/mytheme/). Then use your text editor to create a file called mytheme.info in that directory, with the contents:
name = My Theme
version = 0.1
core = 6.x
base theme = garland
stylesheets[all][] = mytheme.css
And then use your text editor to create a file called mytheme.css in that directory, and put the extra CSS in there.
For more information, there's the druapl documentation on .info files and style sheets. Although, you might want to buy a book, as the online documentation isn't great.
The main css file that drives your content is the styles.css file located in your currently selected theme. In your case that means that most of your site styling is driven by this file: /aroda/roda/themes/garland/style.css with basic coloring effects handled by this file:
/aroda/roda/files/color/garland-d3985506/style.css
You're currently using Garland, the default Drupal theme included with the core download, so for best practices you shouldn't edit the included style.css file directly. Instead, you should, as Daniel James said, create a subdirectory in /sites/all called "themes".
If you're using Drupal 6, I'd follow Daniel James directions from there. If you're using Drupal 5, I'd go ahead and copy the garland directory into the themes directory and rename it for something specific to your site (aroda_v1) so you would have something like /sites/all/themes/aroda_v1 which would contain styles.css. At that point, you can edit the styles.css file directly to make any changes you see fit. Hope that helps!
It looks like most of your CSS info is in some *.css files. There is also some inline Style info on the page. Your style for the static info comes from the in-line stuff. I am not sure how Drupal generates the page but the place to start looking is for any properties for "ultima-edicao". That is what the surrounding DIV is called.

Resources