-
Posts
-
Hey guys, I’m new to Enfold and really liking the theme. This was answered in a different thread but the answer left me a bit confused so I’m looking for some clarification:
I’ve interested in moving the caption for images lower on the image. I’ve been able to do it by adding this code to the Quick CSS under General Styling:
.av-image-caption-overlay-center p {
top: 50px;
position: relative;
}
.av-image-caption-overlay-center p a { color: white !important; }I’d like to be able to do it by adding to to the custom.css file inside themes/css folder but I can’t get it to work. I know I’m missing a very simple step. So far I added the code like this:
/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* General Custom CSS */
.av-image-caption-overlay-center p {
top: 50px;
position: relative;
}
.av-image-caption-overlay-center p a { color: white !important; }/*
Desktop StylesWhat am I missing? Thanks!
Hey Solan,
We recommend using a child theme to add custom modifications. That way you will not lose any modification added to the theme files when the theme get’s updated.
Please check https://kriesi.at/documentation/enfold/using-a-child-theme/
After you install the child theme you can add your style to child theme styles.css
Hope this helps :)
Best regards,
VinayVinay, I’ve installed the enfold child theme and is working fine. However, adding this code to the child theme style.css doesn’t work. It does work when added to the Quick css section. How can I add this to the child theme as you suggested? Thanks.
Hi,
Adding the CSS to Quick CSS has the same effect, so if it’s working there then you can keep it there.
Best regards,
RikardRikard, thanks for your response but you did answer my question: How can I add this to the child theme as you suggested?
Thanks.
- You must be logged in to reply to this topic.