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!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok