Easily apply custom styling on elements

General
1

Hey gang,

Here is a pretty cool tip for everyone with experience with custom CSS. Divhunt allows you to check CSS for all elements and the best thing is that you can edit it.

Here is how you can do it:

  1. Select the element you want and click on the custom code icon
    image

  2. This will open a new tab where you can see all styles applied to the element
    image

  3. Now let’s add some CSS between self { } brackets, I’m going to apply styling for text stroke effect. Here is my code:
    image

	-webkit-text-stroke-width:2px;
	-webkit-text-stroke-color:grey;
        color:transparent;

  1. Last step is to click the save button and changes will be automatically applied and visible in the editor. Enjoy!
    image

  2. Bonus Tip: You can even add some advanced CSS lines such as: !important, this will allow you to override some styles that are already applied!
    image

4 Likes