Forum Replies Created
-
AuthorPosts
-
April 3, 2024 at 4:37 pm in reply to: :hover effect on child divs when hovering over parent. #1439096
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
April 3, 2024 at 12:34 pm in reply to: :hover effect on child divs when hovering over parent. #1439075Yes I appreciate it would make things easier for you.
I’ll see about creating a test site with htpasswd once I have the hosting :)
Will test your answer. Thanks for the detailed response!
-
This reply was modified 5 months, 1 week ago by
TBant.
April 2, 2024 at 9:37 am in reply to: :hover effect on child divs when hovering over parent. #1438969hi mike unfortunately site is on localhost so cannot share
Thank you Mike, appreciate the explanation! It worked
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.
-
This reply was modified 6 months, 4 weeks ago by
TBant.
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?
-
This reply was modified 6 months, 4 weeks ago by
TBant.
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.
-
This reply was modified 7 months, 1 week ago by
TBant.
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.
January 20, 2024 at 6:26 pm in reply to: Button link to contact form with prefilled information depending on selection. #1431589I 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.
January 20, 2024 at 6:15 pm in reply to: Button link to contact form with prefilled information depending on selection. #1431587It 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.
I’ve added a link in private content as an example layout if my explanation was unclear. It’s fine to create in frontend, but if I create lots of these, they become a problem to edit later.
-
This reply was modified 5 months, 1 week ago by
-
AuthorPosts