Forum Replies Created
-
Posts
-
Yes, it ended up working. Had to restart my browser. Thank you!
Also — What would be the equivalent for sub-menu items?
Yigit,
Thanks for the quick response, but no luck. Set color as !important as well with no change.
I will include the link to the dev site in a following private post.
Thanks again for your help!
I’ve added the code to my child theme’s functions.php and it seems to crash the site. Is there anyway to add this without causing an error? Or must it be included in the parent theme’s functions.php?
Thanks for the suggestion, Yigit.
I had to slightly adjust your code, but it did work.
For anyone’s future reference, this is what I used to target the sidebar specific search button –
#top .sidebar #searchsubmitHi Ismael,
That is almost what I’m looking for. I was hoping that a user would be able to click a button (or the slideshow itself) and begin an auto rotation.
Now that I think about that, it seems it would be more of a custom development project. Unless you have any other suggestions or have seen it done before with Enfold.
Better yet –
Is there a way to call a sidebar I’ve created via Widgets to take place of the default ‘pages’ sidebar?
I’m assuming by changing ‘page’ with something relating back to the widget sidebar is the way to go about this. Am i correct?
$avia_config['currently_viewing'] = 'page';Well..probably should have done more research. Realized the code goes in the functions.php file.
I applied it to my child theme’s function.php file (along with a few other PHP snippets) and worked perfectly.
Hi Yigit,
I wish I could provide you with a link, however, the website is being developed locally.
Is there perhaps a specific id to target the right sidebar (such as #sidebar_right), much like there is for the footer (#footer)?
Again, thanks for your help!
Worked well for me…
For some reason, the styling from both applies to my #footer .widget title. Here is what it looks like in my custom.css:
#footer .widgettitle { color: #E0DFFF !important; margin-bottom: 21px; font-weight: 900; font-size:16px; letter-spacing: 1px; text-shadow:1px 1px 1px rgba(10,10,10,0.68); text-transform: uppercase; } .widgettitle { font-size: 16px; background-color: rgb(51, 144, 145); box-shadow: 0 8px 6px -6px black; color:#fff !important; text-shadow:1px 1px 1px rgba(10,10,10,0.68); font-weight:bold; padding: 11px 0 0 0px; text-align: center; border-radius: 7px !important; padding-bottom: 12px; text-transform: uppercase; }Right, and this is what I tried intially. But, in the footer both the .widgettitle {} and #footer .widgettitle {} css styles are applied.
This worked for me when you add to quick css (had to restart my browser, even after clearing cache).
.image-overlay.overlay-type-extern { display: none !important; } .image-overlay-inside { display: none !important; }So I believe this is a step in the right direction, as when I hover in certain areas around/over the image, it will start to rotate but then just stops. It still utilizes the default a:hover css.
I guess the better question is: what css file would I look in to disable/comment out the default image a:hover css for the entire theme?
Ive tried to inspect element in my browser, but cannot seem to find the specific class or it’s location.
Hi Yigit,
I am seeing a similar class name, but it is in the < a > tag, not the < img > tag.
When applied to custom.css, it does not change a thing. Any thoughts?
Hi Yigit,
I am developing locally and I am not aware of any way for you to access the site.
Would providing you with the source code of the specific page help?
I could add a class if the code was displayed in the default editor, but it does not always display. Do you know why this is (and how I can access it)?
Thanks!
Yigit,
Thanks for the response.
The issue I am having is not being able to specify a class for the image using the Advanced Layout Editor. When I go over to the default editor to do so, it is blank (99% of the time). Sometimes I see the shortcode in the default editor (for whatever reason) but cannot figure out where to add a class to the image.
Thanks
Devin,
I am using the Advanced Layout builder, and have added the images using the ‘image’ media element. Where would you recommend adding a class to a specific image (maybe I am overlooking the simplicity of this)?
Also, would the CSS for setting a specific hover effect to an image on a specific page look like this (just as an example):
.page-id-1108 .solution1:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform:: rotate(360deg);
}
*The class for the image would be “solution1”.I appreciate all of your help.
Gotcha.
Well looks like the safest way will be to check the release notes in the version updates and make file changes individually.
Thank you for the quick response.
