Tagged: CSS
-
AuthorPosts
-
October 11, 2019 at 8:38 pm #1147249
Hi.
I would like to know if there is a possibility of inserting the css not inline. On my site the css modifications only work from the wordpress panel, they don’t work on your dashboard or even in the css file of the child theme.
My css is this
#top .logo-title {
transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
font-size: 15px;
position: absolute;
left: 80px;
top: -7px;
opacity: 1;
white-space: nowrap;
}
#top .logo-subtitle {
top: 7px;
}
#top .subtext {
float: left;
position: relative;
}
#top .header-scrolled .logo-title {
left: 42px;
}
.excerpt {
color: #ffffff;
left: 29%;
position: absolute;
top: 12%;
font-size: 12px;
font-weight: bold;
}
@media only screen and (max-width: 1140px) {
.excerpt {
display:none;
}
}
.entry-content img {
border-radius:2px;
height:auto !important;
max-width:100%;
display:block;
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, .4);
border: 1px solid #8a4419;
border-style: inset;
}
.entry-content strong {
font-weight: bold;
}
.main_color .template-archives .tabcontainer a, #top .main_color .tabcontainer .tab:hover, #top .main_color .tabcontainer .tab.active_tab{
color:#4ecac2!important
}
.content a {
font-weight: bold;
}
.entry-content a[target=”_blank”]:after {
font-family: ‘fontello’;
content: ” \f08e”;
}
.entry-content a {
font-weight: bold;
text-decoration: none;
}
.entry-content a:hover{background-size: 100% 2px;
background:-webkit-gradient(linear,left top,right top,from(#ff8a00),to(#e52e71));
background:linear-gradient(to right,#ff8a00,#e52e71);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
-webkit-box-decoration-break:clone;}
Thanks
Best RegardsOctober 11, 2019 at 8:45 pm #1147251Hey Giuseppe,
Have you tried entering it into quick css from within the Enfold panel?
Best regards,
Jordan ShannonOctober 16, 2019 at 10:05 pm #1148692Hi Jordan
I’m sorry if I’m just answering now but I didn’t receive the notification email.
I’ve tried everything
I entered the code in the Enfold panel.
I entered the code in the custom css of enfold theme
I put the code in my enfold child theme css.
Nothing works
I have not tried with the Jetpack plugin because I have not installed it
Only from the customization panel of wordpress works
It remains a mystery for me, but there must be a reason
Thanks for the answer
Best regards
Giuseppe- This reply was modified 5 years, 2 months ago by elquenosabenada.
October 16, 2019 at 10:23 pm #1148697Hi,
I’m not seeing any typos or malformations. Have you tried the !important; declaration?
Best regards,
Jordan ShannonOctober 16, 2019 at 11:26 pm #1148715Yes but it doesn’t work
Thanks
Best RegardsOctober 16, 2019 at 11:29 pm #1148716Hi,
If possible, please provide admin info so we can look into this issue further.
Best regards,
Jordan ShannonOctober 16, 2019 at 11:45 pm #1148719Ok
I’ll send in my credentials tomorrow. The matter is very simple, I do not want to depend on third parties. If tomorrow WordPress decides to remove the customization I get screwed
Best regards- This reply was modified 5 years, 2 months ago by elquenosabenada.
October 16, 2019 at 11:48 pm #1148720Hi,
You would need to add them in the private area so mods can view them.
Best regards,
Jordan ShannonOctober 17, 2019 at 7:14 am #1148799I replicated the site in a subfolder
Here you can do all the tests you want
Details are in private content
Thanks- This reply was modified 5 years, 2 months ago by elquenosabenada.
October 22, 2019 at 10:21 am #1150100Hi,
Thank you for the update.
The Performance > File Compression > CSS file merging and compression is enabled when we checked the site. Have you tried disabling the option temporarily after adding the code? Turning it on and off will regenerate the stylesheets.
Best regards,
IsmaelOctober 22, 2019 at 12:16 pm #1150146hi Ismael
the test you’re telling me I’ve done seems to me to be but you are on the folder of the site /test and then you can do all the tests you want even to delete the entire site.
The css code is in the wordpress panel in appeareance > customize
Best Regards
GiuseppeOctober 22, 2019 at 8:01 pm #1150274Hi.Ismael
I disabled the css compression in enfold and nothing, I emptied the cache of cloudflare and nothing but when I disabled the css compression in w3 total cache the css that I had put in the enfold’s panel worked.
As always thank you very much
You are a valuable support
Best regards
Giuseppe BeghelliOctober 22, 2019 at 8:45 pm #1150287Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan ShannonOctober 22, 2019 at 9:58 pm #1150303You can close it and also this one
Best regards- This reply was modified 5 years, 2 months ago by elquenosabenada.
October 22, 2019 at 10:29 pm #1150311Hi,
I’m glad this was resolved. I you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Css modifications’ is closed to new replies.