Hi Support,
I don’t know if this is feasible, but I’ll try:
The site I’m working on has 2 major sections: products line A and products line B.
I’d like to change the background-color of the title container (this band just below the top navigation, that includes page title and breadcrumb) depending in wether you are viewing a product from line A (green) or a product from line B (blue).
I managed to make it using:
.page-id-439 * .alternate_color {background: #green;}
.page-id-448 * .alternate_color {background: #blue;}
However, I need to do this page-per-page and go back in CSS to add a new line when I add a a new page, which is not very convenient.
Would there be a way to specify which background-color to use?
If it can help, I created a function that identifies the product line and return the proper color: function altcolor() returns the value ‘green’ or ‘blue’.
Thanks!
Antoine
Thanks for the help, this is what ended up being what I wanted :)
.html_header_transparency #top .logo a > img {
opacity: 0;
}
.html_header_transparency .logo img.alternate { opacity: 1; }
Hi, im using the Wirecard Checkout Page, but somehow the theme stops the opening of the iframe. Any idea what to do?
testing on a blanc istallation, no Plugins in use, just Enfold, woocommerce and the plugin from wirecard
Hey BerniN,
You can edit your blog post and click “Screen options” on the top right corner and check “excerpt” and then scroll below your content and add your excerpt in excerpt field.
You can edit your element and choose to display excerpt – http://i.imgur.com/5jeywDm.png
Best regards,
Yigit
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .logo a > img {
opacity: 0;
}
.logo img.alternate { opacity: 1; }
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi,
please use different tickets for different questions.
1.) About which button are you talking about? I can’t see any difference between desktop and iPad. Please use screenshots to highlight your intentions and to make things clear to us. Use imgur.com or dropbox.
2.) Use this code inside Quick CSS field:
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, .responsive.html_mobile_menu_tablet #header_main_alternate {
display: block;
}}
Best regards,
Andy
Hey kaloraat,
1- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 1024px) {
#header .widget { font-size: 24px; }}
.header-scrolled#header .widget {
padding-top: 0;
}
#header .widget { z-index: 99; }
You can use HTML in your text widget to make your email linked then you can add following code to Quick CSS to change color on hover
#header .widget a:hover { color: red !important; }
2- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#footer a {
color: #222222;
}
#footer {
background: white;
}
#footer #text-3 {
line-height: 100px;
}
3- Please go to Enfold theme options > Advanced Styling and edit “Linked Image Overlay”
Best regards,
Yigit
Hi guys,
since one of the last updates (either WP or Enfold, I can’t really identify), I experience this issue which Id’ like to solve:
I have a video on autoplay, which I inserted in the backend using the iframe code in a text block element in one sample and in a code block element in another.
Whenever I open the page in the backend to work on it, or make any amendment to any element, the video starts playing regardless of me putting it on standby. Seems like it’s playing somewhere else as well and I can’t figure out how to stop it.
Would you be able to help, so it doesn’t bother me when I work on the page?
I give you credentials to access two specific sample pages in the back end and see what I mean.
thanks.
Antonio
Hi,
please use different tickets for different issues/questions, otherwise it gets very confusing for us moderators and for other people trying to search for help here in the forum.
1.) Your slider looks good to me. I can’t see any issue. Could you fix it already?
2.) Use this code inside your Quick CSS field:
@media only screen and (max-width: 767px) {
.html_header_top #top .av_logo_right .logo {
transform: none !important;
}}
3.) Read more button: https://codex.wordpress.org/Customizing_the_Read_More
Best regards,
Andy
Hi,
Please change your code to following one
#header .widget {
padding-top: 0;
position: absolute;
top: 0;
z-index: 999;
width: 400px;
max-width: 1310px;
padding-right: 100px;
right: 0;
}
Best regards,
Yigit
Hey hasbeat,
If you are adding link in a text widget to open them in new tab add target=”_blank”
<a target="_blank" href="http://your_url_here.html">Link</a>
If you have menu setup from Appearance > Menu and not able to find an option to set links to open in new tab please check screen option on top right and check the option that says “link Target”.
Best regards,
Vinay
Hi,
Please add following code to Quick CSS as well
.responsive #top .avia-post-next {
right: 20%;
}
.responsive #top .avia-post-prev {
left: 20%;
}
Best regards,
Yigit
Hi,
Disable the background image from the theme settings and use this CSS code instead:
/* Transparent */
.av_header_transparency #header_main .container .inner-container {
background: url(https://s3-eu-west-1.amazonaws.com/midischool/~midischool/wp-content/uploads/2016/05/23143639/site-header21.jpg) no-repeat top center;
}
/* Non-transparent */
#header_main .container .inner-container {
background: url(https://s3-eu-west-1.amazonaws.com/midischool/~midischool/wp-content/uploads/2016/05/23143639/site-header21.jpg) no-repeat top center;
}
Best regards,
Josue
Ok, try the adding this code to General Styling > Quick CSS instead:
#top .main_menu ul:first-child li a {
font-weight: normal;
}
Best regards,
Josue
Hey Audiolia,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .price, #top .price span{
font-size: 20px!important;
}
Best regards,
Vinay
Hi,
I maintain the same folder structure inside the child-theme, i set the proper rights and left the original file inside the main theme, but i can’t get it done. The changes are not active.
enfold\config-templatebuilder\avia-shortcodes\section.php is copies to enfold-child\config-templatebuilder\avia-shortcodes\section.php
and
enfold/js/shortcodes.js is copies to enfold-child/js/shortcodes.js
The changes explained in the item “https://kriesi.at/support/topic/color-section-at-least-60/#post-591950” are made in the child-theme.
I waited a while ( maybe some caching issues?) and i reconnect to my wordpress admin area.
Still no luck. If i make the changes in the enfold main theme files all works ok. But i loose the changes with every Enfold update. Can you help me out?
THX Freek
-
This reply was modified 9 years, 10 months ago by
Freek.
Hi,
the Enfold settings are accessible through the “opzioni tema” in the top bar of the backen.
However, you can access using the link that I included in the private content of this post.
-
This reply was modified 9 years, 10 months ago by
andi_casella.
Hi, I have problem with All-in-One Event Calendar by Timely.
In the monthly view Calendar page does not show the more days events, only just the first day. Weekly view is fine, just the monthly view is wrong.
I stoped all other plugins, but the error has remained.
I change theme to the basic wordpress theme (Twenty Sixteen), and the calendar page works fine.
So in the Enfold theme crashes with the All-in-One Event Calendar Monthly View services (just the more days events).
What can I do?
Thank you very much.
Sandor
Hi,
Please replace the previous code with the one below:
@media only screen and (min-width: 767px) {
#socket .menu {
position: absolute;
left: 34px;
top: 40px;
}
}
Best regards,
Vinay
Hi,
I want to let you know that we are committed to provide a satisfactory solution to all our users. However somethings are out of our control. Our intention was not to make you spend time trying to resolve this but we had to try out a few troubleshooting steps without which there is no way to figure out what is causing the issue.
We do not have access to your server settings so we cannot tell for sure what settings you need to change as josue mentioned please get in touch with the hosting company and let them know about this issue. Try to get any error logs from the server which may throw some light what is causing this issue.
Each site is configured differently and uses different server settings due to which what might work best for one site may not give you the same results. Check out our recommended plugin list and give it a try.
Best regards,
Vinay
Hi,
try this code instead:
.grid-image img {
margin-top: -2px;
}
Best regards,
Andy
I am having the same sort of problem on two of my sites. I am not sure whether it is the exact same problem, but I try to edit any page and I get a white screen, nothing will load properly in edit mode. It does not seem to be shortcode that is causing the problem.
If you try to access a page from the main dashboard, the theme seems to lock up. I refreshed the browser about 5 times to actually get to the page, then when you edit anything (default editor or in advanced editor) the update icon that spins…. stops spinning and the page locks up. Then if you try to refresh again, the screen goes to white….
I turned off all plugins, changed the theme back to wordpress default theme twenty16, no problem, everything loads exactly as it should.
I tried to set up debug but even that doesn’t seem to work.
This is really frustrating as I can’t update anything. Really need some help fast…
Hi,
Please provide a working link to your site it will be easy to help you with accurate code. You are copying a preview link(which only admin can see) instead click view page on top tool bar and share the link.
/* Price row */
.main_color .pricing-table li.avia-pricing-row {
background-color: #c3512f!important;
color: #ffffff!important;
}
/* font size */
.pricing-table>li {
font-size: 20px;
}
Best regards,
Vinay
Thanks Ismael
That worked – just one small issue on desktop :)
The footer menu ABOUT / TERMS / CONTACT is left aligned too far to the left beyond the line above and below.
Please see screengrab below..
Thanks
Hi,
Please add this code inside the css media query:
#socket .menu {
position: absolute;
left: -8px;
top: 40px;
}
Best regards,
Ismael
Hi,
It looks like a theme bug or configuration issue. Because when you enable boarder style to a menu item, there should be an additional class for it in the front-end. Class is coming correctly in the main menu but nothing in the top menu. That’s why the boarder effects are not working??
This is an intended behaviour because adding bordered menu items on the small top bar container doesn’t look attractive without modifying the top bar itself first. You can extract the bordered menu item styling then apply it in the top menu items.
Best regards,
Ismael
Hi,
Please replace the css code with the following:
.html_header_transparency .avia_mega_div {
background: transparent;
}
.html_header_transparency .sub-menu {
background: transparent !important;
}
.html_header_transparency #top #header .avia_mega_div .sub-menu .avia_mega_text_block a {
background: transparent;
}
.html_header_transparency .av-main-nav ul li a {
background: transparent !important;
}
Best regards,
Ismael