I have searched and searched for a solution to this, but I can't seem to find one.
I simply want CKeditor to apply the following HTML style when the unordered list icon (Image) is clicked:
< ul class="xyz >
Related
https://developers.google.com/recaptcha/docs/display
I would like to know how to apply styling to the image selector.
grecaptcha.render(
container,
parameters
)
According to the document: container is the HTML element to render the reCAPTCHA widget. Specify either the ID of the container (string) or the DOM element itself.
Then, I try to apply css to the container and pass it to the render method. However, it only applies to the grecaptcha-badge div.
I have no idea how to adjust the image-selector position.
visibility: visible; position: absolute; width: 1303px; top: 146px;
It seems the style is controlled by the google js: https://www.google.com/recaptcha/api.js
What could I do to edit the image-selector's style?
This question is quite old, but for those who want to customize the reCAPTCHA here is a solution: https://custom-captcha.com/
It has no image captchas but instead uses the new reCAPTCHA v3 in the background. You can customize the logo, the text, and the brand name as well. Also you can apply any CSS you want to it.
the style dropdown menus in ck_editor in TYPO3 8.7 shows the labels in the same font size as in the editied text. E. G. when h1 is in the rte.css formatted as 30 px the text in the dropdown is 30px too and therefore the entry is not readable. Is there a possibilty to fix the font size in the dropdown menus to 12-15px, always and in every context? Without destroying the wysiwyg in the editable text?
Thanks
As far as I can see you can do that by using in your rte.css something like:
.cke_panel_listItem h1{
font-size:15px;
}
h1{
font-size:60px;
}
h2{
font-size:40px;
}
h3{
font-size:20px;
}
Please note that as the dropdown is loaded inside an iframe, you might have to kill your browser's cache to see some change.
See also CKEditor remove style preview from Styles dropdown
I set the Home menu item to show all the featured articles of all categories in my homepage, and everything is working fine.
Now I want to set an offset for those articles to show them starting from the fifth article and not the first, is that possible with no hack on the core?
Thank you.
I apply a custom CSS class to the module, then do something like this:
.home-latest-news ul > li:nth-child(1),
.home-latest-news ul > li:nth-child(2),
.home-latest-news ul > li:nth-child(3),
.home-latest-news ul > li:nth-child(4),
.home-latest-news ul > li:nth-child(5) {
display: none;
}
It doesn't offer the non-programmer usability or SEO features that a module would, but it's very simple.
I'd rather do like this... Setting 4 Leading articles (as also suggested) then use jQuery to .remove() those Leading articles! Thank you.
Good day.
In my code i have line <ul class="myclass"> but after copy on CKEDITOR i have line <ul> without class myclass.
Tell me please how disabled filter code for elements ul, li and div ?
You need to search a bit. more. IF you look for CKEditor issues on Stackoverflow. About 30% goes about the Content filtering.
For all support about this look here: http://docs.ckeditor.com/#!/guide/dev_advanced_content_filter
or put the following line in your config to disable the content filter. (It's better to configure it)
CKEDITOR.config.allowedContent = true;
EDIT:
If you place it in your editor file it will look like this:
CKEDITOR.editorConfig = function( config )
{
config.allowedContent = true;
};
The accepted answer disables all content filtering. A more targeted approach would be to configure extraAllowedContent to specify that you want to allow ul, li and div tags to have any class. You would add this line to your config.js file:
config.extraAllowedContent = 'ul li div(*)';
More information:
config.extraAllowedContent - specifications for this configuration
Allowed Content Rules – how to write allowed content rules, which are used in several places including config.allowedContent, config.disallowedContent, and config.extraAllowedContent
I am trying to indent 3rd level menu items on sub-pages in a Joomla! 1.5 install. Can anyone throw me any tips for making this possible?
If you look on this page, you'll see that the page you're on, in the left menu, is vertically inline with all the other page links in the menu. Since this is a sub-page of Hanson History, I would like Hanson Team to be indented a few pixels, so the user see's it's a sub-page of that menu item.
http://hanson.betabing.com/about-us/hanson-history/hanson-team
Thanks for looking,
Bill
Use CSS to target the second level unordered list
#content-left-interior ul.menu li ul li a span { padding-left:10px; }
add this in template.css under templates/hanson/css
#content-left-interior li li {
padding-left: 46px;
}