Image link constrainsts.

Hi D5WDesignGroup!

Can you post the link to your website and point out the section so we can take a look?

Cheers!
Yigit

Hi!

Please add following code to Quick CSS in Enfold theme options under Styling tab

#after_section_4 a {
width: 210px;
}

Cheers!
Yigit

Hey!

Will they be placed inside Color Section elements? If so, you can change the ID to match the ID of your color sections, in this case #after_section_4. You can edit Color Section and give specific ID’s to your color sections

Best regards,
Yigit

Hi!

Can you post a screenshot and show how do you insert these buttons to your page?

Cheers!
Yigit

Hey!

The images are set to inherit the size of the container. You need to set the width of a specific image inside a column layout using CSS. You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Edit any avia elements like the IMAGE element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-image”.

You can add something like this on your custom.css or Quick CSS:

.avia_image.awesome-image {
width: 210px;
}

Regards,
Ismael

Hi!

How are you? I hope you feel great today. Thank you for the question.

That is where the custom css selector will be useful. You can add different css selector for different Image elements then specify the width using Quick CSS.

Regards,
Ismael

Hi!

If you follow the instructions above about adding the custom css support for avia elements. You’ll find a “Custom Css Class” field when editing an Image element or any other avia elements using the Advance Layout Builder. Add a unique css class selector like, “awesome-image” for example. You can then use that selector for that specific image element on Quick CSS:

.awesome-image {
width: 100px;
height: 100px;
}

Regards,
Ismael