How do I find my CSS in Google Blogger Dynamic Views? 

Today's Contents:

                                                                        • HTML Editor

                                                                      •  CSS Code

Hi, you Radiant Guys! How is everyone doing? I hope everyone is safe and comfortable. In the last post, I talked about customizing the design of Blogger Dynamic Views. In particular, the “Theme Designer” built into Dynamic Views was really helpful in design changes.

This post will cover how to find the CSS code in my Blogger Dynamic Views to change or check the desired part. If you have some knowledge related to coding, such as HTML or CSS, it will be much easier to follow the topic of “Inserting a custom image to the header,” which I will cover in the other post. I hope you enjoy this post with me. 

| HTML Editor

• Click the "Theme".

• Click the inverted triangle button, which is on the right next to the word "customise."

[Image: The Theme & inverted triangle button on the theme screen]

• Click the "Edit HTML".

[Image: The "Edit HTML" on the menus]

• Click on an empty space inside the HTML editor with the mouse and then type "Ctrl + F" using the keyboard. A search box will appear in the upper left corner.

• Type “line-height” in the search box and press "Enter" on your keyboard. In the search box, enter only letters without double quotation marks. 

[Image: Bringing up the search box within the HTML editor]

• At this time, the code containing "line-height" appears highlighted in yellow. Therefore, you can easily find items related to your search term. 

[Image: The search code highlighted in yellow]

🎯 TIP

As I entered the CSS code related to the "line-height" before, the line-height code appeared highlighted in yellow. If you search for a code item that is not entered in the initial settings, the code will not appear. 

• Here, you can edit the code value as you want.

[Image: The entering desired value on the HTML editor]

🎯 TIP

Another way to find CSS code is to use “Google Chrome Developer Tools”. This is a tool built into your browser that allows you to view the code of a web page. We'll talk about how to use this tool when learning related topics. 

But before that, all I can say is that even if you're not necessarily a code developer, as long as you know the CSS code you need and have some knowledge of how to use it, you can find and modify the style they want on any web page.

• Click the "Save" icon at the top right.

[Image: The "Save" icon in the HTML editing window]

Congratulations!  We've learned how to find and edit CSS code through the search function in the HTML editing window of the Blogger Dynamic Views. 

How is it? I'm curious whether today's content was a little unfamiliar or very interesting to you. In the future, whenever coding-related content appears, I will explain it step by step with examples, so cheer up, everyone!

In the next post, I will introduce how to edit a background image already in use in the header area. In fact, the header area is like the front door of the house we live in, so there are often cases where the background image needs to be modified. I hope you had a fruitful time in this post, and see you soon, Radiant Guys. 

Next Post➤ Coming Soon!

🜋🜋🜋 🜋🜋🜋 🜋🜋🜋