Forum Replies Created
-
Posts
-
Hi Mike
I’ve tried this however filter effect comes on instantly instead of in the transition like the default black/white fade. I basically just want to change the default 0.7 fade transition to 0.4s, ideally in a workaround with CCS
An example…
I have the below code which is working.
.hero-text {
text-align: center;
text-shadow: 2.5px 2.5px 0px #000000;
}(THIS WORKS)
However I have a subheading within the “hero-text” so I just want to adjust the H1 child.
.hero-text .h1 {
font-size: 3em !important;
font-weight: 1000 !important;
}(THIS DOES NOT WORK)
Why does the second not work and how do I resolve this? Other than creating two text blocks. I’m trying to work out where I am going wrong with my logic so I can fix for myself in future :)
thanks that worked. but do you know why I’m having difficulties with the custom classes? There have been other occasions where this hasn’t worked. If I want change padding of a text field, it is correct to add a custom class i.e. “review-text” and then in quick css add .review-text {font-size: 12px !important;}?
Ok I found the issue after validating the complete quick CSS field. The issue was quite silly actually… I had “@media only screen and (max-width: 767px) {” further up in the coding without a closing bracket, which meant the subsequent text only applied to screens 767px and less.
You can mark this as resolved. Thank you.
The CSS in the guide includes
…
/* Subtext styling */
.logo .subtext h1 {
font-size: 20px;
font-weight: 600;
text-align: center;
}
….Again, this is not applying when on full-width site but appears under @media only screen and (max-width: 767px) once I reach the appropraite resolution
In the case of the subtext H1… I have tried
.header_color {
text-align: center!important;
color: #25463!important;
}also
.header_color h1 {
text-align: center!important;
color: #25463!important;
}.subtext {
text-align: center!important;
color: #25463!important;
}It keeps pulling through the black colour from the following location and is ignoring the text align on desktop completely.
.header_color .heading-color,.header_color a.iconbox_icon:hover,.header_color h1,.header_color h2,.header_color h3,.header_color h4,.header_color h5,.header_color h6,.header_color .sidebar .current_page_item>a,.header_color .sidebar .current-menu-item>a,.header_color .pagination .current,.header_color .pagination a:hover,.header_color strong.avia-testimonial-name,.header_color .heading,.header_color .toggle_content strong,.header_color .toggle_content strong a,.header_color .tab_content strong,.header_color .tab_content strong a ,.header_color .asc_count,.header_color .avia-testimonial-content strong,#top .header_color .av-related-style-full .av-related-title,.header_color .wp-playlist-item-meta.wp-playlist-item-title,#top .header_color .av-no-image-slider h2 a,.header_color .av-small-bar .avia-progress-bar .progressbar-title-wrap,.header_color div .news-headline .news-title,.header_color .av-default-style .av-countdown-cell-inner .av-countdown-time,.header_color .av-default-style.av-countdown-timer.av-flip-numbers .card__top.card-time-color,.header_color .av-default-style.av-countdown-timer.av-flip-numbers .card__bottom.card-time-color,.header_color .av-default-style.av-countdown-timer.av-flip-numbers .card__back.card-time-color::before,.header_color .av-default-style.av-countdown-timer.av-flip-clock .flip-clock__card .flip-clock-counter {
color: #000000
}I’ve just discovered something that I think is causing the issue.
A lot of changes I have been making have not been applying to the DESKTOP SITE. They are all working on the mobile site. For example, I have tried centering masonry gallery titles and this was not working on desktop but did on mobile. I have also followed the steps to edit H1 in logo area — this is working on mobile site but not desktop. And the change about IS working on mobile, but not desktop. Therefore I need to fix whatever is causing these changes to work on mobile but not desktop…
Any ideas?
Hi Ismael. Appreciate this however slight issue. I added this to \wp-content\themes\enfold\functions.php and added the shortcode to a codeblock. This is how it’s turned out (private content). There’s 2 menus and style is different. How do I get rid of the top menu and change styling to be the same as original picture? Thanks
Update: it’s formatted correctly when outside a layout element / colour section (however I would like it within one). duplicate navigation remains in both cases.
Thank you Mike I’m trying to check this out however I’m getting a message which states “Editing of custom elements is not allowed on fullscreen mode.” I’m not sure which setting this refers to.
I have resolved this for now by installing contact form 7 however I would be interested to know if this functionaltiy is available with Enfold, and this may help other people looking for the solution.
It appears something like http://localhost/wordpress/contact/?fruit=apple works on contact form 7.. is something like this possible with the Enfold default form?
Thank you Mike I am able to create/duplicate elements easily however my primary concern is editing layout (or content) once created on a group level. I had expected a feature like this to come as standard and unsure how or if it is possible to integrate along with the theme. If this is achievable via plugin, is someone able to suggest something which may be suitable or help point me in the right direction as this is quite critical for me to include.
