Welcome to Rongchuang Media. I believe you will reap the most advanced digital operation solutions in the foreign trade industry!
National Service Hotline:400-0430- 678

Rongchuang Cloud Marketing Platform

18Years focus on the enterpriseGlobal digital marketing platformBuilding operations, search engine marketing, social media marketing, brand marketing overseasAll staff, whole network, panoramaNew business model!
You are here: Home » Documentation Help Center » Graphic help » Components » General functions » How to edit the style of the component (edit style)?

How to edit the style of the component (edit style)?

Views:0     Author:Site Editor     Publish Time: 2016-06-29      Origin:Site Inquire

The editing style is a common function of components. When the mouse moves to each component, a gear-shaped icon will appear on the corresponding component, and a row of operation icons will appear on the icon. Find the \"Edit Style\" icon and click on the icon to pop up editing The style pop-up layer can be used to edit the component global, title bar, and content area separately. When the component title is empty, the component title is not displayed. There is no \"title bar\" tab. Similarly, if the component If the content area is empty, there is no \"content area\" tab. Take the article classification component as an example:


Edit article classification component style

1. Global component

Including component size, component background, component border, component margin

Component size: The height of the component can be set. Generally, the adaptive height is used. If the fixed height may cause the module to be blocked and left blank in different terminals, please use this function with caution (mobile phone or PAD terminal) If the module is blocked or left blank, please first check whether it is caused by setting the height);

Component global - component size


Component background: You can add a color background or a picture background to this component. You can also select the tile mode, tile position, and background size of the background image. Different options can have different display effects. You can try it separately.

Component global--component background


Component border: Here you can set the color, style (solid line, dashed line, double solid line, and dot) of the component border, the thickness of the border, and the rounded corners of the border.

Component global--component border


Component margin: Here you can set the inner and outer margins of the component. How to define the inner and outer margins, please see the following figure:

Effect picture after setting margins

2. Title bar

Title bar setting: You can set the title bar separately, you can choose to show or hide the title bar, you can set the height, background, text, border, and margin of the title bar. As shown below:

Article classification component-title bar settings


3. Content area

You can add a color background or a picture background to the component content area, you can set the font/size/spacing/line height/alignment/font style of the non-linked text or linked text in the content area, you can set the border and content area of ​​the content area Margins.

Article classification component-content area settings

18Years of global marketing experience to help companies break the stalemate in overseas promotion under the epidemic
Leave a message for free to build a foreign trade station + new overseas precision marketing plan

One-click access to search engines, social media operationsProgram

表单名称

Responsive official website

Search Engine Marketing Solution

Social marketing plan

Brand promotion plan

Marketing Academy

Contact Sunac

Headquarters:
 tousu@rongchuangmedia.net
Shijiazhuang High-tech Zone International Talent City D2
Hebei Operation Center
 Pre-sale:
0311-67691129
    After sale:0311-67691131
 tousu@rongchuangmedia.net
 Floor 19A, Block B, Dongsheng Business Plaza, Shijiazhuang
Beijing Operations Center
400-0430-678

   Manager Zhang: 18614049883
 tousu@rongchuangmedia.net
A, Xueyuan Road, Haidian District, Beijing 5 768Creative Industrial ParkB North 1061
Website
WeChat 
Public security recordPublic security record number: 13019902000104
ICP recordRecord certificate number: Hebei ICP No. 15001123
bgValue-added telecommunications business license number: Hebei B2-20115046
© 2020 Shijiazhuang Rongchuang Media Co., Ltd. All rights reserved