This forum is for assistance with theme development.

Field name as CSS class on CK Editor Iframe body?

I have a content-type with 6 different CKEditors for several different parts of the page. Some of these will have a very different layout in the frontend and I would like to style the content in the WYSIWYG to look the same for each instance but there is absolutely no way to target the content in each individualy.

A CKeditor Iframe has the following classes: 

<body contenteditable="true" class="cke_editable cke_editable_themed cke_contents_ltr cke_show_borders" spellcheck="true" style="height: auto; min-height: auto;"></body>

How to use 'field_image' from 'Content type' in a TWIG template (e.g Branding Region)

I try to use the image that should be available for each node of a particular Content Type. In the content type I have added a field_image (system name) with label "Branding Region Backgound". I have made a template file "block--system-branding-block.html.twig" which works fine. But ... how to get the image that is defined / uploaded for each content page of this particular Content Type?

This trail {{ file_url(node.field_image.entity.fileuri) }}  is not working.


Displaying text (floating text) to the right of an image - Newbie

Hi 

I am very new to Drupal. I have created a content page (based on basic page for static content) with images and the texts appear below that. 

How do I get the texts to float to right of the image? I mean where do I make the changes and apply it to the contents of the page.

It would be a CSS file I think. 

I have two themes installed (default based on foundation, Zurb Foundation 6). 

Regards

Zain

 

juicebox libaray not loading...

Hi All,

I have an issue with the juicebox module not being rendered on a custom twig node page. 

I am guessing its something to do with my .libraries.yml file.  I am using a custom sub theme of bootstrap barrio.

My libraries.yml contains the following:

Row spacing in tables

I'm currently working on a site in Drupal 7 with the Skeleton theme.

For tables I create in content there is spacing between each row.   If I switch to a different theme, there is not.  I have compared the HTML output on both and do not see any difference in the HTML around the table.

I'm pretty sure that I need to edit something in the CSS, but I can't figure it out.  

Any help would be appreciated.

Precisely edit my subtheme

Hello :)

I'm doing some tests using Barrio theme. I created a subtheme using the provided script.

Barrio provides a lot of customisation possibilities using Appearance page. However, I would like to go beyond them and modify CSS files. However, I don't know how to clearly target an element of the page, to find the proper CSS file, and then modify it, to alter only the targeted element, without consequences somewhere else.

Is there any tutorial for that how to gain more control on our theme ?

I heard of Twig debuger module, which modify HTML generated code.

Pages

Subscribe with RSS Subscribe to RSS - Theme development