Plus UI V3.1 Box Style Change – Customize Your Blogger Theme
Plus UI V3.1 is one of the most popular and feature-rich Blogger templates. It offers a modern and professional design, perfect for bloggers looking to enhance their website’s appearance. However, sometimes you might want to customize the box styles to better match your brand or personal preference.
In this article, we will explore how you can change the box styles in Plus UI V3.1, covering post boxes, widgets, download buttons, and more.
Why Customize Box Styles?
Box styles play a crucial role in the user experience. Whether it’s a post box, sidebar widget, notification box, or download button, having a unique and visually appealing design can:
- Improve readability
- Enhance user engagement
- Make your site stand out
How to Change Box Styles in Plus UI V3.1
Customizing the Post Box
- First go to blogger dashboard
- Then go to theme and click on Edit Html
-
<Group description="Style: Appearance">Type it and search - Cut all the texts that will be there and paste the code given by me
<Group description="Style: Appearance">
<Variable name="style.defaultMode" description="Default Mode | (1) Light (2) Dark (3) System" type="length" min="1px" max="3px" default="1px" value="3px"/>
<Variable name="style.defaultTheme" description="Default Theme | (n) n Theme (16) Default colors" type="length" min="1px" max="16px" default="16px" value="1px"/>
<Variable name="style.boxDesign" description="Box Design | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="1px" value="2px"/>
<Variable name="style.oneGrid" description="One Grid (Mobile) | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="1px"/>
<Variable name="theme.0" description="Default Theme color" type="color" default="#763da9" value="#ff0000"/>
<Variable name="theme.1" description="Theme 1 color" type="color" default="#f44336" value="#0B8043"/>
<Variable name="theme.2" description="Theme 2 color" type="color" default="#45a557" value="#45a557"/>
<Variable name="theme.3" description="Theme 3 color" type="color" default="#0062d1" value="#0062d1"/>
<Variable name="theme.4" description="Theme 4 color" type="color" default="#ff990a" value="#ff990a"/>
<Variable name="theme.5" description="Theme 5 color" type="color" default="#e91e63" value="#774aff"/>
<Variable name="theme.6" description="Theme 6 color" type="color" default="#ff5722" value="#ff5722"/>
<Variable name="theme.7" description="Theme 7 color" type="color" default="#607d8b" value="#607d8b"/>
<Variable name="theme.8" description="Theme 8 color" type="color" default="#5d4037" value="#5d4037"/>
<Variable name="theme.9" description="Theme 9 color" type="color" default="#0c9784" value="#0c9784"/>
<Variable name="theme.10" description="Theme 10 color" type="color" default="#3949ab" value="#3949ab"/>
<Variable name="theme.11" description="Theme 11 color" type="color" default="#5c3083" value="#5c3083"/>
<Variable name="theme.12" description="Theme 12 color" type="color" default="#2c5d3f" value="#2c5d3f"/>
<Variable name="theme.13" description="Theme 13 color" type="color" default="#3d6fa9" value="#3d6fa9"/>
<Variable name="theme.14" description="Theme 14 color" type="color" default="#882c70" value="#882c70"/>
<Variable name="theme.15" description="Theme 15 color" type="color" default="#bf5154" value="#bf5154"/>
</Group>
- Then save
Final Words
Changing the box styles in Plus UI V3.1 is easy and can make a big difference in how your blog looks and feels. Whether it’s post boxes, widgets, download buttons, or notifications, small design tweaks can enhance the user experience and make your blog more engaging.
