[FIXED] How to edit element.style { } in wordpress so that it applies to my gridbuilder widget

Issue

I want to modify so that the text in my box is displayed in white and not in black.

[Screenshot][1]





It works in the google console so I'm sure it's this attribute that needs to be changed.
I tried to modify the CSS code in the wordpress editor as well as in the gridbuilder editor, but nothing works...


  [1]: https://i.stack.imgur.com/WfuPY.png

Solution

"element.style{}" isn't an element inside your code. You need to find the correct element in your code and apply it to that specific element.

See this link Chrome Docs

Answered By - timm094

Answer Checked By - David Marino (PHPFixing Volunteer)

Read More

[FIXED] how Can I use css modules and global style together on React

Issue

i want to use normal class and module class together. if i use two className it says "JSX elements cannot have multiple attributes with the same name."

import Header from "./ProductHeader.module.css";
.
.
.
<div className="col-12" className={Header.title} ></div>

Solution

You can use it like

<div className={`col-12 ${Header.title}`}"></div>

This way you can string and variable together in any attribute

You can also use it conditionally

<div className={`col-12 ${someCondition ? Header.title : Header.subTitle}`}></div>

Answered By - Jahanzeb Sethi

Answer Checked By - Terry (PHPFixing Volunteer)

Read More

[FIXED] How freely pack, arrange themselves according to width of each html elements (divs) inside large html element (div)?

Issue

here's the image

Like showing in this image I want to pack divs inside short eats div. For example, the fish bun div can put beside chinese rolls div likewise. I just want no white space there. Those divs are dynamically appear though.

I've added my laravel view code below if you need.

<div class="col-md-4 border border-primary rounded">
    <h4>Short Eats</h4>
    @foreach($shorteats as $shrt)                    
        <div>
        <a href="#" onclick="order('{{$shrt->dish_name}}')" class="btn btn-li btn-lg"> {{$shrt->dish_name}}</a>          
        </div>
    @endforeach                
</div>

<div class="col-md-4 border border-primary rounded">
    <h4>Rice</h4>
    @foreach($rice as $ric)                    
        <div>
        <a href="#" onclick="order('{{$ric->dish_name}}')" class="btn btn-li btn-lg"> {{$ric->dish_name}}</a>          
        </div>
    @endforeach                
</div>

Solution

You can add a class (e.g. .menu-container) to your <div>, that is the parent of your anchor tag, and use flexbox to (hopefully) achieve what you're after:

HTML:

<div class="menu-container">
    <a href="#" onclick="order('{{$ric->dish_name}}')" class="food-item btn btn-li btn-lg">{{$ric->dish_name}}</a>          
</div>

CSS:

.menu-container {
  display: flex;
  flex-wrap: wrap;
}

.food-item {
  // styles for your anchor tag go here
}

Answered By - monsteronfire

Answer Checked By - Gilberto Lyons (PHPFixing Admin)

Read More

[FIXED] Symfony - FormType - set field display:none by default

Issue

in my formType on Symfony I try to hide a default field.

So I did like this:

        ->add('amountReduction', NumberType::class, [
            "required" => false,
            "label" => "Montant de la réduction",
            "attr" => [
                "style" => "width: 200px; display: none;"
            ],
        ])

The problem is that the label is still visible. I would like to display: none; the whole field by default.

The goal is then that in the template, I can make a $(".field").show() which will display the label and the entire field

Thanks for your help

Solution

Use the row_attr option.

->add('amountReduction', NumberType::class, [
            "required" => false,
            "label" => "Montant de la réduction",
            "row_attr" => [
                "class" => "d-none"
            ],
        ])

Answered By - Frank B

Read More