Public Forums 71,145 posts

[coding101 Friend coding101Join date: November 2014Posts: 10Downloads:0Uploads:0 Thanks: 4]

#202390

Hi,

I’m a student experimenting on Purity iii.
I think it is the coolest thing that happened since Joomla.

However, I have a little issue.

I can’t seem to find the css file for editing the template margin.
Here is my website:

http://bootstraptest.kitesjaelland.dk/quickstart/index.php/feature-1-layout/2-featured-1-article-1

As you can see, the text is to close to the edge of the browser window.

Please help me

Best regards
Carlos

[rotomds Friend rotomdsJoin date: September 2014Posts: 13Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#553967

To edit the margin you have to use CSS.
It is not big problem.

If need I can provide you the code.:):)

rahidul

1 user says Thank You to rotomds for this useful post

1. coding101

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#554004

<em>@coding101 451429 wrote:</em><blockquote>Hi,

I’m a student experimenting on Purity iii.
I think it is the coolest thing that happened since Joomla.

However, I have a little issue.

I can’t seem to find the css file for editing the template margin.
Here is my website:

http://bootstraptest.kitesjaelland.dk/quickstart/index.php/feature-1-layout/2-featured-1-article-1

As you can see, the text is to close to the edge of the browser window.

Please help me

Best regards
Carlos</blockquote>

Carlos . . . . When you installed your template, did you do so via the quickstart + sample data installation process?

I ask because it does not appear that you did so, but rather installed the core template without any of the “demo version” styling included. If this is the case, I would refer you to two bits of info as to why – especially when getting started with working with Joomla based templates – the quickstart+sample data installation is the best way to start/learn . . .

The VALUE of the Quickstart Installation.

Using JA’s DEMO BUILDER As a Learning Tool.

How to Inspect & Test CSS using FIREBUG.

1 user says Thank You to TomC for this useful post

1. coding101

[coding101 Friend coding101Join date: November 2014Posts: 10Downloads:0Uploads:0 Thanks: 4]

#554037

Hi Tom,

Thanks for your reply.
Sorry for the late reply. Just got home from school – 4 hours of physics.
I will however read the info from the links you sent me.

I have installed the template via the quickstart installation, but I’m not sure if I installed the sample data.
As you can see my site looks very basic and blank.

[coding101 Friend coding101Join date: November 2014Posts: 10Downloads:0Uploads:0 Thanks: 4]

#554038

Hi rotomds,

thanks for your reply.

I would really appreciate if you could send me the code, but I would find it more useful if you could tell me exactly where to find this css folder.

Thanks in advance

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#554039

<em>@coding101 451533 wrote:</em><blockquote>Hi rotomds,

thanks for your reply.

I would really appreciate if you could send me the code, but I would find it more useful if you could tell me exactly where to find this css folder.

Thanks in advance</blockquote>

It depends on what kind of styling you want.

As I mentioned previously, it would be monumentally easier for you to start with the quickstart+sample data installation process – rather than trying to “re-invent the wheel,” so to speak.

1 user says Thank You to TomC for this useful post

1. coding101

[coding101 Friend coding101Join date: November 2014Posts: 10Downloads:0Uploads:0 Thanks: 4]

#554390

HI Tom,

Thanks for last time.

Is there anyway I can add a contact form like the one “Sample Basic form”?

The reason for this is that I would like to add more fields to the form, which is impossible with standard joomla contact form.

Best regards
Carlos

[rotomds Friend rotomdsJoin date: September 2014Posts: 13Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#554407

<em>@coding101 451533 wrote:</em><blockquote>Hi rotomds,

thanks for your reply.

I would really appreciate if you could send me the code, but I would find it more useful if you could tell me exactly where to find this css folder.

Thanks in advance</blockquote>

Here is the code, please check it try to apply it.

<!DOCTYPE html>
<html>
<head>
<style>
#myDIV {
width: 500px;
height: 500px;
background-color: lightblue;
}
</style>
</head>
<body>

<p>Click the “Try it” button to change the top margin of the DIV element:</p>

<button onclick=”myFunction()”>Try it</button>

<div id=”myDIV”>
This is my DIV element.
</div>

<script>
function myFunction() {
document.getElementById(“myDIV”).style.marginTop = “100px”;
}
</script>

</body>
</html>

rahidul

[coding101 Friend coding101Join date: November 2014Posts: 10Downloads:0Uploads:0 Thanks: 4]

#554655

Hi Rotomds,

Am I supposed to copy that entire script and paste it?
Where do I paste it?

[Author]

Posts