Account created on 5 April 2006, almost 18 years ago

Recent comments

🇨🇱Chile Andrés Chandía

Thanks Alaa..

There was a thin border anyway, so the only way I could find to make it disappear completely was combining the codes and using the same background-colour as the background-colour where the icons are:

.sm-icon:hover svg {
fill: #800080 !important;
background-color: #deddda !important; /* this is the colour I'm mentioning */
border-radius: 100%;

.sm-icons a { span {
  border: none !important;
🇨🇱Chile Andrés Chandía

Choukran, thousand times!!!

I couldn't take the black border out when hovering but I got a nice effect adding a transparent fill

.sm-icon:hover svg {
fill: rgba(255,255,255,0.5) !important;
background-color: purple !important;
border-radius: 50%;
🇨🇱Chile Andrés Chandía

A little issue with menus, background is overlapping, how do I solve it, I've been looking around and the solution seems to be z-index, but some places discourage the use of it, I'm adding a video for you to see what's going on...


🇨🇱Chile Andrés Chandía

Quick question...
how do I change the background-color for icons when hovered?

🇨🇱Chile Andrés Chandía

Choukran again, with your new development for my theme, menu template did apply, I though I will have to uninstall devel/development modules but it was not necessary at the end....

🇨🇱Chile Andrés Chandía

My dear Saïd...

templates do not apply in my site, not directly to solo theme nor to the subtheme...

As I was facing this problem I completely uninstalled both the subtheme and solo them, and erased all of the files and directories and cleared cache, then I reinstalled solo theme, I have tried copying every menu template (and not template) to the menus I have available (menu--c.html.twig, menu--refer.html.twig and menu--labelling-system.html.twig), inside the templates directory of solo: eg.: cp menu--primary-sidebar-menu-template.html.twig menu--labelling-system.html.twig, but there were no changes whatsoever....

Then, after creating the navigation directory inside templates, I proceeded to install the subtheme and perform the exact same actions copying the theme menu twig files to the appropriate directory, cp templates/navigation/menu--primary-sidebar-menu-template.html.twig cat-tobi/templates/navigation/menu--labelling-system.html.twig

I have cleared cache every time, but there was no change at all in any of the atemps...

🇨🇱Chile Andrés Chandía

Thanks, I have finally solved this way:

    '#type': message
          value: High
    '#message_message': 'Right answer'
    '#message_close': true
    '#type': message
            pattern: ^(Low|Rising|Falling)$   ########  HERE'S THE PATTERN ######
    '#message_type': error
    '#message_message': 'Sorry, this is not the right answer!'
    '#message_close': true
🇨🇱Chile Andrés Chandía

OK, understood, and thanks, I did what you suggested on overriding options for tables...
and it works as expected...
thanks again...

table .trh:hover {
  --r-bg: #f6f5f4;
  background-color: var(--r-bg);
table thead {
  --r-tx: #ffffff;
  --r-bg: #2196f3;
  color: var(--r-tx};
  background-color: var(--r-bg);
<table class="w3-table-all w3-hoverable w3-card-4">
            <th class="w3-center">
        <tr class="trh">
🇨🇱Chile Andrés Chandía

Thanks Alaa,
Based on your answer I assumed that I could change w3.css classes by style, but they neither apply on <tr></tr>, while style or w3.css do apply on <code><table> or <th>, <td>.

Finally, instead of disabling solo variables, I just applied classes to <td>...

🇨🇱Chile Andrés Chandía

Sorry Alaa,
already fixed, I don't know why in the reading mode was the basic page selected, diselecting it solved the problem...

🇨🇱Chile Andrés Chandía

Choukran Alaa,

You're amazing, and such a nice person...

I have a little inconvenient though.... content of nodes show narrow in the middle of front page... I have cleared cache, uninstalled and erased the sub-theme to re-install it... the see the images...

Another thing that I don't know if it's an issue, I had to go setting the theme section by section, I mean set a section save changes and then set another section, otherwise settings were lost....

🇨🇱Chile Andrés Chandía

Thanks as always great master!!

I just have to add a couple of details to make fit width of background colour in some menus

.page-wrapper div.ul-responsive-v > > a {
  font-weight: bold;
  width: 100%; /* this one added */
} > a:nth-child(1), > a:nth-child(1) { width: 100%; } /* this one added */

For the second line added, it was the only way I could make it work....

Thanks again

🇨🇱Chile Andrés Chandía

Choukran Alaa, it works but it also has a weird behaviour, I can not click on the next menu which is just under the selected menu, the others are clickable. I add a video ( EVM.mp4 ) for you to see what I'm talking about...

By the way, I have added your function code in this file: "drupal8_w3css_subtheme/js/d8w3css-subtheme-script.js"

And the css code in the file I've created to control the menu: "templates/navigation/menu--labelling-system.html.twig"


🇨🇱Chile Andrés Chandía

Finally in the same page.html.twig I restored your credit line and added in the "copyright" section the code for the link... this way:

<!-- Start: Copyright -->
      <div class="w3-half w3-container w3-mobile">
        <p class="w3-section w3-left-align w3-opacity w3-hover-opacity-off">

        developed by &copy; <a href="" title="" target="_blank"> </a>

        {% set currentDate = "now" | date("Y") %}
        {{ copyright_text|replace({"%year%": currentDate }) }}
      <!-- End: Copyright -->
🇨🇱Chile Andrés Chandía

Thanks a lot Alaa, I will go for the asset injector....
I wonder though how the migration from W3CSS theme to Solo will be

Thanks again!

🇨🇱Chile Andrés Chandía

Thanks a lot Alaa, just another little question, what's the documentation to learn all these insights of css coding for your theme?

🇨🇱Chile Andrés Chandía

Choukran again Alaa,
it took me a while to figure some stuffs out, but finally I could manage it...
just in case somebody else is as lost as I was, I detail here what I did to achieve the change in the form display.
I've adapted a bit the CSS code you provided me to get the format I show in the following image:

  1. Search for the name of the twig managing the page where the view is displayed (In my case Alaa gave the hint): views-exposed-form--{view-name}--{display-name}.html.twig

    find -name "views-exposed-form*"
    cp ./themes/d8w3css/templates/views/views-exposed-form.html.twig ./themes/d8w3css/templates/views/views-exposed-form--consultar-todos-los-diccionarios--page-1.html.twig

    (I have adapted {view-name}--{display-name} accordingly)

  2. Edit the new file replacing:
    <div class="w3-block form--inline clearfix">
      {{ form }}

    for the css code, but, VERY IMPORTANT:
    put CSS code between tags <style> and </style>

  3. Save and enjoy
🇨🇱Chile Andrés Chandía

Hi viren18febS, sorry but I'm seem not being able to accomplish this, due to my lack of experience of course...
I could find that the twig file managing the cell I need to modify is:

🇨🇱Chile Andrés Chandía

Sorry, I'm learning about twig thing, to be able to carry out the solution given by viren18febS
Thanks for asking...

🇨🇱Chile Andrés Chandía

Thanks a lot viren18febS , and sorry for my ignorance...
but can you explain me in detail what you mean by

Please refer this code sample, As per the twig template, we need to apply the for loop first

🇨🇱Chile Andrés Chandía

It works perfectly... thanks a lot, Chukran Alaa!!

🇨🇱Chile Andrés Chandía

I had to update two other modules: captcha and taxonomy_manager...
All went well updating captcha with composer while with taxonomy_manager persists the problem I have reported.

🇨🇱Chile Andrés Chandía

I have upgraded to 3.0.9 and I got it working again.
I have discovered a typo though, that didn't prevent the page to load in the previous versions but in the new 3.0.9 one it does:

The typo is in the next section of issue: 3227188

Following code added:

Item.isTextSource = function() {
    return this.ext && this.ext.toLowerCase() === 'txt'; */ add formats as you need after 'txt'; add a coma and another extension, eg.: 'txt', 'csv' */

where it says */ add it should say /* add, the asterisk on the other side of the bar.

🇨🇱Chile Andrés Chandía

Ok, thanks again...
PHP Version 8.2.8
I composer.json I've got, I think this is what you're requiring:

require": {
        "composer/installers": "^2.0",
        "drupal/aggregator": "^2.0",
        "drupal/captcha": "2.0.4",
        "drupal/clipboardjs": "^2.0",
        "drupal/composer_deploy": "^1.7",
        "drupal/core-composer-scaffold": "^10.1.1",
        "drupal/core-project-message": "^10.1.1",
        "drupal/core-recommended": "^10.1.1",
        "drupal/core-vendor-hardening": "^10.1.1",
        "drupal/csv_serialization": "^3.0",
        "drupal/protected_forms": "2.0.3",
        "drupal/visitors": "^2.16",
        "drupal/w3css_paragraphs": "^1.0"

and info.yml files of the affected modules says:
core_version_requirement: ">=8"
version: '2.0.2'
project: 'protected_forms'

core_version_requirement: ^8 || ^9 || ^10
version: '8.x-2.15'
project: 'visitors'

🇨🇱Chile Andrés Chandía

Thanks for your quick answer...
I restarted the web server, then just in case, the whole server... and nothing...
In the point "not allowing the Composer plug-ins to run": how, if I recently upgraded from 9 to 10 with composer and all went well?
And about the module's info.yum in expected location... well, all modules I've got are in "/drupalroot/modules/"

Sorry for my ignorance, could you please clarify a little more so I am able to follow you...
thanks again!

🇨🇱Chile Andrés Chandía

Tanks a lot Alaa,
all have worked, page title effect is working now in

In corlexim, I have found that I have another file:

And I have realized that the following file was preventing all the effects to be active: themes/d8w3css/page.html.twig", so I replace it by the new version of the same file and that make it work.

Thanks again for your awesome help!!

🇨🇱Chile Andrés Chandía

The page title effect does not work

Neither the Site name effect nor the page title effect work...
In this site the region's border are not working neither.

thanks again

🇨🇱Chile Andrés Chandía

With "HOW? I mean, can you be more explicit? kind of step by step... I would really appreciate it!!

🇨🇱Chile Andrés Chandía

I could solve it, I had a bloc loading an image from an external site which was causing the issue.....

🇨🇱Chile Andrés Chandía

I have just a drupal subsite, not a subdomain, I mean

I have htpps activated but only the maindrupal is shown as secure, while the subsite does not...

How can I accomplish total security for both?

🇨🇱Chile Andrés Chandía

By the way, I get the following Notice:

Notice: Indirect modification of overloaded element of Drupal\Core\Template\Attribute has no effect in template_preprocess_views_view_table() (line 569 of /mydrupal9/core/modules/views/

#0 /mydrupal9/core/includes/ _drupal_error_handler_real()
#1 /mydrupal9/core/modules/views/ _drupal_error_handler()
#2 [internal function]: template_preprocess_views_view_table()
#3 /mydrupal9/core/lib/Drupal/Core/Theme/ThemeManager.php(287): call_user_func_array()
#4 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(433): Drupal\Core\Theme\ThemeManager->render()
#5 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(446): Drupal\Core\Render\Renderer->doRender()
#6 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(204): Drupal\Core\Render\Renderer->doRender()
#7 /mydrupal9/core/lib/Drupal/Core/Template/TwigExtension.php(479): Drupal\Core\Render\Renderer->render()
#8 /mydrupal9/sites/default/files/php/twig/64393ef05f2b8_views-view.html.twig_SAFlRkDPb3jSvbt1baCsqFXCc/7E237c70LxichTCXyFbPrcIaMbocJo9Y_ASUnvnjC20.php(110): Drupal\Core\Template\TwigExtension->escapeFilter()
#9 /mydrupal9/vendor/twig/twig/src/Template.php(405): __TwigTemplate_fb07185df5f60ba5f9f577048b802f5a->doDisplay()
#10 /mydrupal9/vendor/twig/twig/src/Template.php(378): Twig\Template->displayWithErrorHandling()
#11 /mydrupal9/vendor/twig/twig/src/Template.php(390): Twig\Template->display()
#12 /mydrupal9/core/themes/engines/twig/twig.engine(55): Twig\Template->render()
#13 /mydrupal9/core/lib/Drupal/Core/Theme/ThemeManager.php(384): twig_render_template()
#14 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(433): Drupal\Core\Theme\ThemeManager->render()
#15 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(446): Drupal\Core\Render\Renderer->doRender()
#16 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(204): Drupal\Core\Render\Renderer->doRender()
#17 /mydrupal9/core/lib/Drupal/Core/Render/MainContent/HtmlRenderer.php(242): Drupal\Core\Render\Renderer->render()
#18 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(580): Drupal\Core\Render\MainContent\HtmlRenderer->Drupal\Core\Render\MainContent\{closure}()
#19 /mydrupal9/core/lib/Drupal/Core/Render/MainContent/HtmlRenderer.php(235): Drupal\Core\Render\Renderer->executeInRenderContext()
#20 /mydrupal9/core/lib/Drupal/Core/Render/MainContent/HtmlRenderer.php(132): Drupal\Core\Render\MainContent\HtmlRenderer->prepare()
#21 /mydrupal9/core/lib/Drupal/Core/EventSubscriber/MainContentViewSubscriber.php(90): Drupal\Core\Render\MainContent\HtmlRenderer->renderResponse()
#22 [internal function]: Drupal\Core\EventSubscriber\MainContentViewSubscriber->onViewRenderArray()
#23 /mydrupal9/core/lib/Drupal/Component/EventDispatcher/ContainerAwareEventDispatcher.php(142): call_user_func()
#24 /mydrupal9/vendor/symfony/http-kernel/HttpKernel.php(174): Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch()
#25 /mydrupal9/vendor/symfony/http-kernel/HttpKernel.php(81): Symfony\Component\HttpKernel\HttpKernel->handleRaw()
#26 /mydrupal9/core/lib/Drupal/Core/StackMiddleware/Session.php(58): Symfony\Component\HttpKernel\HttpKernel->handle()
#27 /mydrupal9/core/lib/Drupal/Core/StackMiddleware/KernelPreHandle.php(48): Drupal\Core\StackMiddleware\Session->handle()
#28 /mydrupal9/core/modules/page_cache/src/StackMiddleware/PageCache.php(106): Drupal\Core\StackMiddleware\KernelPreHandle->handle()
#29 /mydrupal9/core/modules/page_cache/src/StackMiddleware/PageCache.php(85): Drupal\page_cache\StackMiddleware\PageCache->pass()
#30 /mydrupal9/core/lib/Drupal/Core/StackMiddleware/ReverseProxyMiddleware.php(48): Drupal\page_cache\StackMiddleware\PageCache->handle()
#31 /mydrupal9/core/lib/Drupal/Core/StackMiddleware/NegotiationMiddleware.php(51): Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle()
#32 /mydrupal9/vendor/stack/builder/src/Stack/StackedHttpKernel.php(23): Drupal\Core\StackMiddleware\NegotiationMiddleware->handle()
#33 /mydrupal9/core/lib/Drupal/Core/DrupalKernel.php(718): Stack\StackedHttpKernel->handle()
#34 /mydrupal9/index.php(19): Drupal\Core\DrupalKernel->handle()
#35 {main}

Production build 0.61.6-2-g546bc20