Recent
Categories
View Replies (4)

J51_Carmen template

  1. Issue
0
Votes
Undo
  1. luisantos
    luisantos
  3. Commercial Templates
  4. Monday, 24 May 2021
  5.  Subscribe via email
Hi, im tryiing to edit some css code, just added a custom.css file to template and activate the button "load custom css" but it doesnt work, any idea why? Im using J51_Carmen template,

Trying to change this code:
hr {
height: 1px;
max-width: 90px;
margin: 15px auto 20px;
background-color: transparent;
border-top: 1px solid #999;
border-top: 1px solid var(--primary);
}

To his:
hr {
height: 1px;
width: 100%;
margin: 15px auto 20px;
background-color: transparent;
border-top: 1px solid #999;
border-top: 1px solid var(--primary);
}

Just want to change the width for the HR from 90px to get 100% of screen, but is not working
Attachments (1)
HRTag.JPG HRTag.JPG
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
luisantos
luisantos
Accepted Answer Pending Moderation
0
Votes
Undo
Hi, this is the URL

http://fosim.net/index.php/sindicatos

You can see, the line just fixed from 90px to the wide of my template 1180px with the code on custom css at template:

hr {
height: 1px;
max-width: 1180px;
margin: 10px auto 10px;
background-color: transparent;
border-top: 1px solid #999;
border-top: 1px solid var(--primary);
}

But is not possible to get wide 100% automatic when I change my template settings to wide 1000 for example?
References
  1. http://fosim.net/index.php/sindicatos
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try changing your CSS to the following...

hr {

    height: 1px;

    width: 100%;

    margin: 10px auto 10px;

    background-color: transparent;

    border-top: 1px solid var(--primary);

    max-width: none;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
luisantos
luisantos
Accepted Answer Pending Moderation
0
Votes
Undo
Hi

Thanks for help, thats works for i want it... thanks a lot :D
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!