Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 315
  • Last Modified:

Chrome question - can it generate new CSS tag??

Not sure if this is doable in Chrome. I have a div tag.

1. In Chrome, I right click on the page and choose: inspect element.
2. In "elements" tab, I have a div and I can drag it to another section.
3. In the webpage, I can see the tag moved. The code doesnt change of course, this is just in the website

4. Now, is there anyway to see the new CSS of this div-tag that was moved.

For example, if div has this CSS : float:right. I drag it in Element and now i see the div as
float:left. Is there anyway that Chrome would show the changed-CSS??

I've attached a screenshot.
Doc4.docx
0
Camillia
Asked:
Camillia
3 Solutions
 
Pradeep DubeyConsultantCommented:
Make changes in the div properties and check

div properties
0
 
CamilliaAuthor Commented:
Ok, so for example, I have this CSS for the div

.securityverify{width:245px;border:1px solid #cbcbcb;padding:3px 10px 0px 50px;float:left;position:relative;min-height:73px;}

Open in new window


I look at the "properties" in Chrome. I see the CSS securityVerfiy but I dont see how to change..for example..the position..to move it up , to the right, etc.

I've attached a screenshot of what i'm seeing.
doc5.docx
0
 
COBOLdinosaurCommented:
If you want a new property for an element just click in the inspect window and type it in.

Cd&
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
Pradeep DubeyConsultantCommented:
just double click on the properties of that one which you want to change. See the highlighted one in the screenshot. properties
0
 
Jagadishwor DulalBraces MediaCommented:
This is just a debug option in browser preview. None of the style will be saved in your source file and you need to replace those changes in you source css file.
0
 
CamilliaAuthor Commented:
yes, i know it wont save it. I thought just dragging the elements in "Elements" tab will also generate the new CSS tags.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now