Topic-icon Conflicts of CSS

Active Subscriptions:

None
10 years 7 months ago #36097 by mardom
Conflicts of CSS was created by mardom
The class btn is in conflict with the CSS Template RT
<a class="btn" href="/social/register"> Register </ a>

buttons:
I need the Login button to get the color White
I need the button Logof stay with the black color
I need to change it without affecting Typography Template

Modal Login Window
The icons do not appear to recover
The button does not appear connect with Facebook

goo.gl/a5rali
File Attachment:


File Attachment:
The topic has been locked.
Support Specialist
10 years 7 months ago #36242 by alzander
Replied by alzander on topic Conflicts of CSS
Marcos,
Sorry for the delayed response. The text in the buttons is being overwritten by this style in your template:
.rt-dark .box1.rt-block a {
color: #f6cac3;
}
Is there any way to specify that the module in that template position doesn't get the .box1, .rt-block or .rt-dark class? It looks like you can somehow take away the box1 class since the Instagram module below that doesn't have that class.

The images are missing from the Forgot buttons due to the following in your template:
body .btn [class^="icon-"], body .btn [class*=" icon-"] {
display: none;
}
That code is specifically saying that no icons/images should show in buttons. I don't know why it's doing that, but you'd need to prevent the template from having that style which is not allowing the images at all.

Both of CSS declarations are are in the www.paramirimeventos.com.br/templates/rt...cfef8009c46cfc88.css file, but that's 'compiled CSS', so I'm not sure where that line actually is.

I hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
10 years 7 months ago #36244 by mardom
Replied by mardom on topic Conflicts of CSS
The problems with the icons of images resolved.
the color of the links of the buttons still persists wrong.
another problem
The modal login is not being positioned in the center of the screen.
The topic has been locked.
Active Subscriptions:

None
10 years 7 months ago #36255 by mardom
Replied by mardom on topic Conflicts of CSS
The problem of the color of the links were resolved

How do I get the login window modal position in the center?
The topic has been locked.
Support Specialist
10 years 7 months ago #36277 by alzander
Replied by alzander on topic Conflicts of CSS
Marcos,
I'm not sure why it's not centering. I don't see any conflicting styles, but am still investigating.

What I'm seeing is that if the browser window is less than 700px, which happens to be the starting point of the same max-width we've set for the popup of 560px with a 20% margin, it's centered. From 150px wide up to 700px wide, the centering is correct. However, once you get past that, something is telling the modal to not shift to the right enough.

We're looking into what may be causing this, but I just don't have an answer right now. For mobile devices, the modal will be in the center. For desktop, it will just be shifted for now. We'll let you know when we find a solution, and sorry for the inconvenience.

Thanks,
Alex
The topic has been locked.