Update Styles for landing.block.updateStyles

Choose a tool for developing with an AI agent:

use Alaio Vibecode to build an app for Bitrix24 from a task description without knowing any programming language. The agent writes the code and deploys the app to a server, with no manual hosting setup
use the MCP server to develop a REST API integration in your own project. The agent refers to the official REST documentation

Scope: landing

Who can execute the method: a user with "edit" access permission for the site

The method landing.block.updateStyles updates the CSS classes and inline styles of block elements in the draft of a page.

If the page is already published, changes will be visible to visitors after re-publishing through the interface or using the landing.landing.publication method.

Method Parameters

Required parameters are marked with *

Name `type`	Description
scope `string`	Internal scope of landings. It is not related to the REST scope `landing` in the method name. The value of `scope` must correspond to the type of site (detailed description)
lid* `integer`	Identifier of the page. The page identifier can be obtained using the landing.landing.getList method
block* `integer`	Identifier of the block in the version of the page for editing. The block identifier can be obtained using the landing.block.getlist method with the parameter `params.edit_mode = 1`. If you pass the block identifier from the published version of the page, the method may return an error
data* `object`	Object format: `{ "<selector>": { "classList": [], "affect": [], "style": {} } }` where: `<selector>` — CSS selector from the block manifest or `#wrapper`, `classList` — list of CSS classes for the element after the update, `affect` — list of CSS properties to be removed from nested elements, `style` — set of inline styles for the element itself. A detailed description of the selector value is provided below
preventHistory `boolean`	If `true` is passed, the method will not add the change to the page history. Default is `false`

Parameter data

Key
type

Description

string | array | object

CSS selector from the style section of the block manifest or the special selector #wrapper for the block wrapper.

If the same selector appears multiple times, you can specify the position using @, for example, .landing-block-node-text@1. Positions are numbered starting from 0. If the position is not specified, the method applies changes to all found elements with this selector.

The format of the value depends on the data being passed (detailed description)

The method only processes selectors that are described in the block manifest. The special selector #wrapper allows you to change the block wrapper. A list of available selectors can be obtained using the landing.block.getmanifest method.

Selector Value

Name `type`	Description
classList `array`	List of CSS classes for the element after the update. The method completely replaces the `class` attribute instead of adding classes to the current list
affect `array`	List of CSS properties to be removed from the inline styles of all nested elements of the found node. For example, `["text-align", "color"]`
style `object`	Set of inline styles for the found element in the format `{ "css-property": "value" }`. The method merges the passed values with the current `style` attribute. If the field is not passed and the element does not have a `background-image`, the current inline style remains unchanged. If `background-image` is already set, the method retains only this property and removes other inline styles

Instead of an object, you can pass a string with a single class or an array of classes directly. This format is equivalent to the classList field.

Warning

If system classes of the block, such as landing-block-node-text, are not included in classList, the element may stop being editable through the interface. The method completely replaces the class list.

Code Examples

How to Use Examples in Documentation

cURL (Webhook)

cURL (OAuth)

JS (TS)

JS (UMD)

Python

PHP

BX24.js

PHP CRest

curl -X POST \
          -H "Content-Type: application/json" \
          -d '{
            "lid": 313,
            "block": 6134,
            "data": {
              ".landing-block-node-text": {
                "classList": [
                  "landing-block-node-text",
                  "g-color-white",
                  "text-right"
                ],
                "affect": [
                  "text-align",
                  "color"
                ],
                "style": {
                  "font-weight": "700"
                }
              }
            }
          }' \
          "https://**put.your-domain-here**/rest/**user_id**/**webhook_code**/landing.block.updateStyles.json"

curl -X POST \
          -H "Content-Type: application/json" \
          -d '{
            "lid": 313,
            "block": 6134,
            "data": {
              ".landing-block-node-text": {
                "classList": [
                  "landing-block-node-text",
                  "g-color-white",
                  "text-right"
                ],
                "affect": [
                  "text-align",
                  "color"
                ],
                "style": {
                  "font-weight": "700"
                }
              }
            },
            "auth": "**put_access_token_here**"
          }' \
          "https://**put.your-domain-here**/rest/landing.block.updateStyles.json"

// This snippet is an ES module: top-level await requires type="module" or a bundler.
        // $b24 is an already-initialized SDK instance (see the SDK "Get started" guide).
        import { Text } from '@bitrix24/b24jssdk'
        import type { B24Frame } from '@bitrix24/b24jssdk'
        
        declare const $b24: B24Frame
        
        try {
          const response = await $b24.actions.v2.call.make<boolean>({
            method: 'landing.block.updateStyles',
            params: {
              lid: 313,
              block: 6134,
              data: {
                '.landing-block-node-text': {
                  classList: [
                    'landing-block-node-text',
                    'g-color-white',
                    'text-right',
                  ],
                  affect: [
                    'text-align',
                    'color',
                  ],
                  style: {
                    'font-weight': '700',
                  },
                },
              },
            },
            requestId: Text.getUuidRfc4122()
          })
        
          // The payload is available only on a successful response
          if (!response.isSuccess) {
            console.error(response.getErrorMessages().join('; '))
          } else {
            const result = response.getData()!.result
            console.info('Styles updated:', result)
          }
        } catch (error) {
          // Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
          console.error(error)
        }

<!-- Load the SDK (UMD build); it is exposed as the global B24Js -->
        <script src="https://unpkg.com/@bitrix24/b24jssdk@1/dist/umd/index.min.js"></script>
        <script>
          async function updateBlockStyles() {
            try {
              // Initialize the SDK inside a Bitrix24 frame
              const $b24 = await B24Js.initializeB24Frame()
        
              const response = await $b24.actions.v2.call.make({
                method: 'landing.block.updateStyles',
                params: {
                  lid: 313,
                  block: 6134,
                  data: {
                    '.landing-block-node-text': {
                      classList: [
                        'landing-block-node-text',
                        'g-color-white',
                        'text-right',
                      ],
                      affect: [
                        'text-align',
                        'color',
                      ],
                      style: {
                        'font-weight': '700',
                      },
                    },
                  },
                },
                requestId: B24Js.Text.getUuidRfc4122()
              })
        
              // The payload is available only on a successful response
              if (!response.isSuccess) {
                console.error(response.getErrorMessages().join('; '))
                return
              }
        
              const result = response.getData().result
              console.info('Styles updated:', result)
            } catch (error) {
              // Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
              console.error(error)
            }
          }
        
          document.addEventListener('DOMContentLoaded', updateBlockStyles)
        </script>

from b24pysdk.errors import BitrixAPIError, BitrixSDKException
        
        try:
            bitrix_response = client.landing.block.update_styles(
                lid=313,
                block=6134,
                data={
                    ".landing-block-node-text": {
                        "classList": [
                            "g-font-size-18",
                            "g-color-gray-dark-v2",
                        ],
                        "affect": [
                            "text",
                        ],
                        "style": {
                            "font-weight": "600",
                        },
                    },
                },
            ).response
            result = bitrix_response.result
            print(result)
        except BitrixAPIError as error:
            print(
                "Bitrix API error",
                f"error: {error.error}",
                f"error_description: {error.error_description}",
                sep="\n",
            )
        except BitrixSDKException as error:
            print(f"Bitrix SDK error: {error.message}")
        except Exception as error:
            print(f"Unexpected error: {error}")

try {
            $response = $b24Service
                ->core
                ->call(
                    'landing.block.updateStyles',
                    [
                        'lid' => 313,
                        'block' => 6134,
                        'data' => [
                            '.landing-block-node-text' => [
                                'classList' => [
                                    'landing-block-node-text',
                                    'g-color-white',
                                    'text-right',
                                ],
                                'affect' => [
                                    'text-align',
                                    'color',
                                ],
                                'style' => [
                                    'font-weight' => '700',
                                ],
                            ],
                        ],
                    ]
                );
        
            $result = $response
                ->getResponseData()
                ->getResult();
        
            echo 'Success: ' . var_export($result, true);
        } catch (Throwable $e) {
            error_log($e->getMessage());
            echo 'Error updating block styles: ' . $e->getMessage();
        }

BX24.callMethod(
            'landing.block.updateStyles',
            {
                lid: 313,
                block: 6134,
                data: {
                    '.landing-block-node-text': {
                        classList: [
                            'landing-block-node-text',
                            'g-color-white',
                            'text-right'
                        ],
                        affect: [
                            'text-align',
                            'color'
                        ],
                        style: {
                            'font-weight': '700'
                        }
                    }
                }
            },
            function(result)
            {
                if (result.error())
                {
                    console.error(result.error());
                }
                else
                {
                    console.info(result.data());
                }
            }
        );

require_once('crest.php');
        
        $result = CRest::call(
            'landing.block.updateStyles',
            [
                'lid' => 313,
                'block' => 6134,
                'data' => [
                    '.landing-block-node-text' => [
                        'classList' => [
                            'landing-block-node-text',
                            'g-color-white',
                            'text-right',
                        ],
                        'affect' => [
                            'text-align',
                            'color',
                        ],
                        'style' => [
                            'font-weight' => '700',
                        ],
                    ],
                ],
            ]
        );
        
        if (isset($result['error']))
        {
            echo 'Error: ' . $result['error_description'];
        }
        else
        {
            echo '<pre>';
            print_r($result['result']);
            echo '</pre>';
        }

// client and ctx are already created — see the Go SDK section
        res, err := client.Core().Call(ctx, "landing.block.updateStyles", b24.Params{
        	"lid":   313,
        	"block": 6134,
        	"data": b24.Params{
        		".landing-block-node-text": b24.Params{
        			"classList": []string{"landing-block-node-text", "g-color-white", "text-right"},
        			"affect":    []string{"text-align", "color"},
        			"style": b24.Params{
        				"font-weight": "700",
        			},
        		},
        	},
        })
        if err != nil {
        	return fmt.Errorf("landing.block.updateStyles: %w", err)
        }
        
        var ok bool
        if err := json.Unmarshal(res.Result, &ok); err != nil {
        	return fmt.Errorf("parse response: %w", err)
        }
        fmt.Println("done:", ok)

Response Handling

HTTP Status: 200

{
            "result": true,
            "time": {
                "start": 1774520356,
                "finish": 1774520356.142134,
                "duration": 0.1421339511871338,
                "processing": 0,
                "date_start": "2026-03-26T13:19:16+02:00",
                "date_finish": "2026-03-26T13:19:16+02:00",
                "operating_reset_at": 1774520956,
                "operating": 0
            }
        }

Returned Data

Name `type`	Description
result `boolean`	Result of the style update. Upon successful execution, the method returns `true`
time `time`	Information about the execution time of the request

Error Handling

HTTP Status: 400

{
            "error": "BLOCK_NOT_FOUND",
            "error_description": "Block not found"
        }

Name `type`	Description
error `string`	String error code. It consists of digits, Latin letters, and underscores. It may arrive empty — in that case only `error_description` shows the reason
error_description `string`	Error message for the developer. Do not show it to the end user without processing

Possible Error Codes

Code	Description
`MISSING_PARAMS`	Required parameter `lid`, `block`, or `data` is missing
`ACCESS_DENIED`	Insufficient permissions to edit the site
`LANDING_NOT_EXIST`	Page with identifier `lid` not found or not accessible to the current user
`BLOCK_NOT_FOUND`	Block with identifier `block` not found on page `lid` or not accessible in the version of the page for editing
`TYPE_ERROR`	Incorrect type of one of the method parameters, for example, `data` in an unsuitable format

Statuses and System Error Codes

HTTP Status: 4xx, 5xx

The errors described below are returned by the REST API itself, not by the logic of a specific method. They can arrive in response to any method.

Status	Code Error Message	Description
`500`	`INTERNAL_SERVER_ERROR` Internal server error	An internal server error has occurred. Retry the call, and if the error persists, contact the server administrator or Bitrix24 technical support
`500`	`ERROR_UNEXPECTED_ANSWER` Server returned an unexpected response	The server returned an unexpected response. Retry the call, and if the error persists, contact the server administrator or Bitrix24 technical support
`503`	`QUERY_LIMIT_EXCEEDED` Too many requests	The request intensity limit has been exceeded
`429`	`OPERATION_TIME_LIMIT` Method is blocked due to operation time limit	The method is blocked because the request resource intensity limit has been exceeded. The block is lifted automatically once the accumulated execution time of the method no longer exceeds the limit
`401`	`NO_AUTH_FOUND` Wrong authorization data	The request contains no authorization data: neither an access token nor a webhook code was passed
`401`	`INVALID_REQUEST` Https required	Methods are called over the HTTPS protocol only
`401`	`OVERLOAD_LIMIT` REST API is blocked due to overload	The REST API is blocked due to overload. This is a manual individual block. To have it lifted, contact Bitrix24 technical support
`401`	`ACCESS_DENIED` REST is available only on commercial plans	REST API access is not active for this account. In Bitrix24 Cloud, check the current plan or trial status: Vibe+ plans include REST API access, while Essentials plans do not. A webhook receives a different error message — `REST is available only by subscription`
`401`	`INVALID_CREDENTIALS` Invalid request credentials	No active webhook with the specified user identifier and secret code was found
`404`	`ERROR_METHOD_NOT_FOUND` Method not found!	No method with this name was found. The name is misspelled, the method does not exist in the REST API, or it is unavailable without the required scope
`401`	`insufficient_scope` The request requires higher privileges than provided by the webhook token	The request requires broader permissions than the token has: for a webhook these are the permissions granted to it, for an application it is the scope. For an application, the error message ends with `provided by the access token`
`401`	`expired_token` The access token provided has expired	The access token has expired
`401`	`user_access_error` The user does not have access to the application	The application is installed, but the Bitrix24 administrator has granted access to it only to specific users
`403`	`PORTAL_DELETED` Portal was deleted	The public part of the site is closed. To open it on an on-premise installation, disable the "Temporary closure of the public part of the site" option. Path to the setting: Desktop > Settings > Product Settings > Module Settings > Main Module > Temporary closure of the public part of the site

Continue Learning

Was the article helpful?

Perform Bulk Update of Block Cards

Update Block Content

Update Styles for landing.block.updateStyles

Method ParametersMethod Parameters

Parameter dataParameter data

Selector ValueSelector Value

Code ExamplesCode Examples

Response HandlingResponse Handling

Returned DataReturned Data

Error HandlingError Handling

Possible Error CodesPossible Error Codes

Statuses and System Error CodesStatuses and System Error Codes

Continue LearningContinue Learning