I'm trying to change the menu of WYSIWYG editor on my Drupal 7 site. I have seen these window:
The problem is that I have checked the CKEditor configuration and the IMCE configuration and I don't see nothing to change this.
I would like to add some propierties, spaces or borders in my pop up.
Right now I have this:
My drupal version is 7.4
CKEditor is a complex module to incorporate into your Drupal site, and takes a bit of tinkering to get just right. The way that I like to use CKEditor, and the way that I think is best, is to incorporate CKEditor with the newest version of Media (7.x-2.0-beta1) https://www.drupal.org/project/media, but that is going slightly off-topic...
You really do not even need the IMCE module because CKEditor has the plugin in module, if you select the correct package from the CKEditor site http://ckeditor.com/download. Be sure to select, 'Full Package' before downloading CKEditor from their website, and then once this is downloaded, you'll want to add all of these files into the CKEditor module (sites/all/modules/ckeditor/ckeditor). This directory in the module should be empty, at least, until you incorporate the download from the CKEditor website.
I hope this helps! If you would like assistance with incorporating into the Media module (makes Drupal function like WordPress's image/file library), let me know.
Related
I inherited an already built Drupal 7 site. I have been able to figure out many things. But I am unclear on the CSS. A found a folder full of long-named CSS files but the code is all minified and hard to read. The previous developer had to be using some tools or services to alter and change the code in a more readable way. Does any know what the deal is ?
Also, I cant seem to find any way inside Drupal to enter CSS. I do not even see any classes or ID assigned to the blocks, views, nodes, or fields. So I have no clue how they were able to customize this site at all even though they obviously did. It uses Bootstrap 3 as a theme. Can anyone help explain how this works?
I will try to figure out the essence of the informations you given.
First: You have a Drupal 7 installation with compressed css files based on Bootstrap. That sounds the theme use less or sass precompiler for the theme css and you have the production (builded) instance of the project. Without the uncompressed less/sass/scss files it will be hard to edit the css. if you have no way to get the source files, the best way you can try is to add a extra css file and write you own css in it.
Second: Drupal strictly separates the code from the administration interface. Your PHP, HTML, CSS and other codes (except the WYSIWYG output) should not be entered via the administration interface. That's the best practice way. But anyway, there is a couple of modules that allows to write code inside the Drupal backend like this https://www.drupal.org/project/extra_css_js
Third: As information for you, Drupal 7s End of life is on November 28, 2022 so the best and recommanded way for you is: Freeze the Drupal 7s Instance as is (only Sercurity Updates and Hotfixes) and relaunch the Project with Drupal 9.
Drupal theme css files are mostly located in theme folder like "theme folder/css/style.css". As above mentioned, it might be used css minify tool or module for theme performance aspects. If it is created by drupal tools/module then once cache clear it will delete automatically and regenerate with new one with updated new css code on after page visit. You can also add custom css file by hook alter.
I've just started using the WordPress page builder "Elementor" and have decided to move from "Genesis" to their own theme called "Hello Elementor". However, their theme uses SCSS and GruntJS.
On their documentation, they've included a custom.scss for all the custom styling. But when you add anything to this via WordPress, nothing happens. I know I could download the theme and use Visual Studio Code to make changes and use a sass compiler to automatically compile this for me, but it would require me to constantly upload files via FTP. Ideally, I would like to stay away from this.
Is there something I am missing? Or something I could do for WordPress to automatically compile this for me?
Edit:
If anyone has any recommendations of other themes to use with Elementor, I would really appreciate it.
They removed this option in Hello Elementor. You can no longer integrate custom scss. And I don't know since which version it's not present anymore, considering that I've tried the latest two ones and none of them seemed to accept the scss custom file.
However, you can check the answer they gave me a few days ago on the Hello Elementor GitHub page, if you want.
https://github.com/elementor/hello-theme/issues/85
A Wordpress theme has following components:
theme.zip file
demo-content.xml
PSD.zip file (contains files such as icon-blog.psd, icon-home.psd, integrity-blog.psd, ... renew-home.psd)
Using WP Admin (WP Backend) I have managed to upload theme.zip file.
Using WP Importer I have managed to upload demo content.
However, what do I do with PSD files?
I would like to add that the current frontend looks very basic. And I assume PSD files serve to enrich frontend. But how do I use them? Where do I "import" them? How do I do it?
After taking a look at the comments, I have to say that if the tag exists, the answer should be answered here too.
Your .PSD is basically all the images that compose your theme in one editable file.
The extension of the file is meant to be opened with Photoshop and if you open it there, you should see the design of your theme ready to be cut and applied into HTML and CSS.
For Wordpress or your site it has no utility by itself, however, if you want to change some button, icon or related it's just a matter of open the editable, change it, save the image and replace it on the server.
Ex:
You bought a theme initially developed in English and you have a button which is an image that says "Register". Since it's not editable, there's no code change that can help you, so the only way you have is to open the .PSD, edit the button and save it again as image, replacing the old one.
I'm working on a Wordpress theme that uses Flexslider 1.8
http://wp.themecss.com/Square/portfolio-item/graphicriver/
I wish to add the thumbnail-slider controlNav feature that I've seen on the flexslider and github sites.
I've found some code examples of whats needed to do this, however I'm not sure on how/where to implement these changes. Is it in jquery.flexslider.js? Is there any other files within the theme that also required changing e.g .css?
I'm fine hacking away at php, but this is the first time I've tried to edit .js in a theme
So, I could really do with some help with
What is the code required to implement this?
What files required editing to achieve this?
I'm trying to use the WP-LESS plugin along with the toolbox theme. I'm trying to migrate my static site over to wordpress, and I'd like to keep the HTML5 and LESS bits.
How can I get wordpress to compile style.less into style.css? Is there a right way to do it?
Have you read documentation for WP-LESS?
If not, this might help:
http://wordpress.org/extend/plugins/wp-less/faq/