Need Help. | Coding help | XtGem

toshudhiman Hello sir,
Im face a problem here,
I want to put this box around my links like this >> http://livemobilemovie.wapka.me/site_36.xhtml <<

For this i use a custom css given below.

text-align: left; background: #222222; color: white; border: 3px solid #303030; font-size: 17px; padding: 6px;

I works fine in wapka site. But when i use this css in xtgem site, in the option CSS ,Then its not work fine.

Problem is its nt fit to the width of the page like it fits in wapka.

And also it works with text blocks. But not with the link blocks.

See screenshot .
Thankx in advance.
Solve my problem please.

# 2014-05-08 09:14 · (0)

toshudhiman

toshudhiman Screen shot.
Red light is a link and its css nt fits to the width of the page.

# 2014-05-08 09:15

UC140508144102.png · image/png · 5.68KB

· (0)

TechnoSparks

toshudhiman Add this:

display: block;

Copy code

if it does not work, you can always do some more forcing!

display: block;
width: 100%;

Copy code

I strongly recommend you to learn CSS. This will give you more experience on solving problems and also create new styles!

# 2014-05-08 09:38 · (1)

toshudhiman

TechnoSparks Ok but where to put this code ?
And i want to know how to put this css around the links >http://livemobilemovie.wapka.me/site_36.xhtml <<

Give me this css code so that i can put it in custom css by making a new CSS.

# 2014-05-08 09:53 · (0)

TechnoSparks

toshudhiman Here's the code. I have inspected the site and copied its CSS values

.boxlink
{
  text-align: left;
  background: #222222;
  color: white;
  border: 3px solid #303030;
  font-size: 17px;
  padding: 6px;
  display: block;
}

Copy code

You can use the file global_stylesheet.css at the root of your file storage to apply CSS on all over your website. Copy the code above and paste it into that file.

If you want to apply the style on a link, make sure to choose "boxlink" in the "Class" dropdown when you are adding a block.

# 2014-05-08 09:57 · (0)

toshudhiman

TechnoSparks Thankx alot. It works.

# 2014-05-08 10:17 · (0)

toshudhiman

TechnoSparks Tell me 1 more thing.
How to make a border around my full site. Border of 3px.

# 2014-05-08 10:21 · (0)

mv

toshudhiman Easiest way, I really do not recommend this:

html
{
background: #6bc135;
padding: 3px;
}

Copy code

about better ways you could read here

# 2014-05-08 10:34 · (0)

toshudhiman

mv How to remove underline from links on my site

# 2014-05-08 12:01 · (0)

siva7170

toshudhiman css code:

a{
text-decoration: none;
}

Copy code

for all <a> tag...

try this one.

# 2014-05-08 12:59 · (0)