Why not? Is it some magic file? Just copy it from your local site and paste it into codepen in the order that it appears in your site. Post the code here so I can update my codepen (edit - see below).
I’m not sure what you are not sure about?
That’s a js question and why would an email address be expected to be someone’s name? Have you written js to handle all those functions? All my email addresses are different and don’t have my name in them. Unless you have a special case of course.
Does this contain the magic CSS file that you are unable to post in the thread when I asked you to post all css files?
I’ve added it to my codepen now:
Pointless. Just use the one container in the right place as shown in the code in my codepen.
You can’t just move bootstrap items where you please as rows must be direct children of the container as mentioned and you don’t want to nest containers.
Columns go inside rows and rows go inside the container. That’s how bootstrap works.
Your next step is to describe in detail what problem you now have using the updated codepen code.
Describe **one problem at a time please ** and 'it’s not working’ is not a clear description of the problem.
at the moment , the bigest problem was/is how to add external file? for exemple I have external css on my laptop, I can handle it but I can not if I have to ad it on codepen, thank you.
You can put the links to external files in the settings panel as I have done for bootstrap css & js and jquery.
Alternatively if the external file is your own css file just copy the contents of that file into the css panel on codepen as I have doe with your code. Obviously images won’t be present but it will work fine otherwise.
We’ve told you how to do that about a dozen times now!
Add the css file in the settings panel.
Click settings, click css or js items, add the url of your external file. I’ve even previously shown you screenshots of the settings panels with urls added!
Click the gear in the upper left corner of the JS or CSS editor. You’ll see the options pane for that editor. There is a text input where you can add the URL for your resource.
If you don’t have a URL to add, you can use our resource search to find the library you need.
I need help with the css processor then search for resurses, as I type in the field optons comes up. how to ad anything here?thanlk you.
You aren’t using a css preprocessor are you? Why do you need help with something you aren’t using?
The search field is for finding resources if you don’t have the urls to hand.
You add your links by pasting them directly into the boxes under the search box. I’ve shown you a screenshot of this exact panel with your external files in place. Where the input placeholder url says /yourwebsite.css should be a big clue.
yes I realized I need to use css processor but I didn’t see css but scss. I just guess is it postcss the right option? I tried to ad myStyles-1c.css, that is on my laptop but I don’t know how. please help me, thank you.
Why? Nothing you have posted so far suggests that your code is using a preprocessor. Why do you think you need to use one?
Paul has already explained this. Any CSS from a local file (one which is not posted online) should be copied into the CSS panel of CodePen.
It has now been explained to you on several occasions how to use CodePen, starting here. If you are still finding it too difficult to use correctly, then I suggest you instead simply post your your code here on the forums. Post the HTML, CSS and JS separately, and use backticks ``` or the </> button in the editor window to format it.
If this file is on your laptop and not online then simply copy the contents of that file into the main (middle) codepen css panel as we have been doing for the last few thousand posts. (You can’t add a local url to codepen as codepen has no access to your local file system.)
I believe you already gave us styles!-.css and I added it to the demo codepen.
If this is not the same as your local site then there is something missing.