Tagged: color section, id section, image styling
-
AuthorPosts
-
August 12, 2014 at 11:07 pm #303463
hello! I need to stile images a certain way in a specific color section.
I see there is a developer id in color sections but not in any other item.. how can I style things maintaining the drag and drop builder?Thanks!
August 13, 2014 at 4:37 am #303601Hi Ignazio!
Turn on the class field for all elements: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Regards,
DevinMarch 22, 2016 at 7:47 pm #602081Hello,
Adding the suggested solution to the functions.php file does indeed turn on the custom class field for ALB elements. However, it does not seem to turn on custom class fields for images. This is the question. Is there something we can do to turn on custom class ID’s for Images?March 22, 2016 at 9:34 pm #602129Hi!
Custom ID’s can be added to color sections or to grid rows. However if you like to add custom Class Names please follow http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ as Devine suggested. If you have any issues please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.
Cheers!
Vinay KashyapMarch 25, 2016 at 12:51 am #603513Thanks Vinnie,
SORRY, FOR CLARIFICATION:
Looking into this further, turning on custom CSS fields for ALB elements does add a custom css field for images when they are used individually. However, I’m trying to target an individual image that is one of many inside a masonry gallery. The custom CSS field is available for the gallery element, but not the individual images inside the gallery. Any ideas on how to target an individual image inside the masonry gallery element?Thanks!!
- This reply was modified 8 years, 8 months ago by drwildwave.
March 26, 2016 at 12:44 pm #603823Hey!
Thank you for coming back.
Out of the box this is not possible.
You have to change the core file enfold\config-templatebuilder\avia-shortcodes\helper-masonry.php line 248:
Look for
$img_html = '<img src="'.$attachment[0].'" title="'.$title.'" alt="'.$alt.'" />';
and replace with
$img_html = '<img src="'.$attachment[0].'" title="'.$title.'" alt="'.$alt.'" id="image_' . $thumb_ID . '" />';
Remember to apply this change after every update.
Cheers!
Günter -
AuthorPosts
- You must be logged in to reply to this topic.