Hi Yigit.
Thanks very much for that, unfortunately the line remains.
If you take a look at http://www.thecapitaldanceschool.com, Ive just noticed that the mysterious grey lines are actually at the top and bottom of my content.
Any other ideas on removing them?
Thanks a lot
Paul
Josue,
Thank you very much!
1. Works like a charm. Thanks.
2. The code of "images/articles/logo_v2.png" was just an example.
I’ve tried to make a rollover logo, but even the simple way of
#top .bg-logo a:hover {
background: url('http://eliweissberg.com/wordpress/wp-content/uploads/2013/10/Logo21.png);
}
Does not work.
And I just say I prefer to do it with css background-position.
So what am I doing wrong? I’ve copied this code from another thread.
3-4. I’m attaching screenshot. The blue text is a description of problems.

Thanks.
-
This reply was modified 12 years, 6 months ago by
Eli.
Hi Yigit,
That didn’t work for me. The header is now displayed on top of each other and not above the columns in normal view.
When resizing to the size of the iPhone, there is still the problem with the headers in small above the cell content. Only one column has the header in small font above the content and that is column 3, but it has the header of column 4
Thanks,
Dave
Is it possible with this one to reduce the size to 88px and keeping the top menu ?
Hi Thur_Jack!
Please try to change the code a bit. Instead of
if( $new_post[$key] == true || $new_post[$key] == 'true' ) $new_post[$key] = 'my text';
try to use
if($new_post[$key] == 'true' ) $new_post[$key] = 'my text';
Regards,
Peter
Hi Ismael,
yes. I´m testing Subscribe to Comments Reloaded. It works of course but I´m trying to add the checkbox before the “Submit” button in the comment form. So I added
$args = array(
‘comment_notes_after’ => ‘<p class=”subscribecheckbox”>’. subscribe_reloaded_show() .'</p>’,
);
comment_form( $args, ” );
to /includes/comments.php but it adds the checkbox on top of the comment form and doesn´t work properly. Any idea why it´s not placed below the form and before the “Submit” button as it should be?
Cheers
Michael
How do tweek the logo to the top, with no white above?
Kind regards
Morten
Hello, the Tabs know visualli works well but the icons doesnt change i think its for other quick css that i put. not exactly what fails im going to hit here all the Quick css that I have applied to the page to see if you see the error, thanks!:
.main_color h3.iconbox_content_title {
color: #333;
}
.main_color .template-archives .tabcontainer a, #top .main_color .tabcontainer .tab:hover {
color: white;
}
div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
background-color: #000000;
color: white;
}
.main_color h3.iconbox_content_title {
color: white;
}
.main_color h3.iconbox_content_title {
color: white;
}
.main_color .sort-param .current-param a {
color: white;
}
.main_color .sort-param > li > span, .main_color .sort-param > li > a, .main_color .sort-param ul {
background-color: #000000;
color: white;
}
.main_color .product-sorting strong {
color: white;
}
.toggle_content.invers-color p, .iconbox_content p, .main_color .toggler:hover, .avia-promocontent p {
color: white;
}
Hi Ketida!
Please take a look at this topic: https://kriesi.at/support/topic/contact-form-redirection/
Regards,
Josue
This reply has been marked as private.
Hello!
1.) This is for the title beside the icons:
.main_color h3.iconbox_content_title {
color: #333;
}
2.) This is for the tabs:
.main_color .template-archives .tabcontainer a, #top .main_color .tabcontainer .tab:hover {
color: white;
}
div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
background-color: #000000;
color: white;
}
Best regards,
Ismael
Actually, Can I force the image in the background to be full size 1500×1500 even if he image on top is small?
Mike
Hey JoshuaNichols!
What images do you want to be bigger?
Regarding the top bar container, add this code to the Quick CSS:
#header_meta, #header_meta .container{
min-height: 42px !important
}
Regards,
Josue
Hello!
When you edit the custom.css css file you’ll see a line like this:
@media only screen and (min-width: 768px) {
/* Add your Mobile Styles here */
}
Place the css modifications for desktop view inside the media query.
@media only screen and (min-width: 768px) {
#megaMenu.megaFullWidth {
width: 1310px;
}
}
Media query for mobile device like iPhone is at the very bottom:
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
}
Best regards,
Ismael
Hello!
You removed the link? Please let us know if it work. :)
Best regards,
Ismael
Thanks for that! Works great! Still wondering though if there is a way to reduce the width of the left sidebar to 2 units. As you can see here there is a lot of blank space to the right.
Also would like to remove the bullet that seems to be appearing the right of the child elements.
Thanks for your help!
Hi!
My bad! Please use this:
nav.main_menu { position: absolute; right: 34.5%; top: 57%; }
Remove browser cache then reload the page.
Regards,
Ismael
Hello HighschoolAustralia!
Please edit css > shortcodes.css, find this code:
@media only screen and (max-width: 767px)
{
.responsive div .avia-data-table table,
.responsive div .avia-data-table tbody,
.responsive div .avia-data-table tr,
.responsive div .avia-data-table td,
.responsive div .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;}
.responsive .avia-data-table{border-style:solid; border-width: 1px;}
.responsive .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;}
.responsive .avia-data-table .avia-button-row, .responsive .avia-data-table tr:first-child th{display:none;}
.responsive .avia-data-table td:before {
display:block;
font-style: italic; font-size: 11px;
}
.responsive .avia-data-table td {
position: relative;
}
}
Remove it to display the avia table on the default format when viewing it on iPhone. We might have to adjust the tables on mobile view.
Cheers!
Ismael
Watched Devin in Advance layout editor. Want to do exactly what he showed in demo. Create a full width background with an image over top. I followed video, added color sectio, uploaded image etc…but I only get a page with a small stipe of the image across the full width of page. Not sure what I am missing. Any ideas?
Thanks
Mike
Hello!
Please add this on your custom.css or Quick CSS:
#top .main_color .avia-color-theme-color {
color: white;
}
Regards,
Ismael
Hello!
1.) Refer to the number 2.
2.) Edit header.php, find this code:
<div id='header_main' class='container_wrap container_wrap_logo'>
Below, add the image:
<img class="avia_image register-banner" src="http://www.encoure.com/private/wp-content/uploads/2013/04/reg_button_small.png" alt="" title="">
Add this on your custom.css or Quick CSS:
#header_main {
z-index: 999;
}
.avia_image.register-banner {
position: absolute;
right: 10%;
top: -50px;
}
3.) You can add a unique selector for each Avia Elements. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_theme_support('avia_template_builder_custom_css');
Edit any avia elements like Text Block then scroll below. Add a unique css selector on “Custom Css Class” field.
Cheers!
Ismael
Hi,
Thank you !
I click on “click me” but nothing happens neither on my iphone nor on my destop :(
Hi!
Please change previous code with following one
@media only screen and (max-width: 989px) { .fixed_header.social_header #main { padding-top: 0!important; } }
And please refer to this post https://kriesi.at/support/topic/collapsable-menu/#post-165144
You can change the screen width to switch to mobile menu with those instructions
Best regards,
Yigit
Hi!
Can you post a screenshot and link to your website?
Best regards,
Yigit
Hello davidrk!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .widget_nav_menu li { float: left; font-size: 11px; }
#top .sidebar_left .widget_nav_menu .sub-menu { display: none; }
Regards,
Yigit
Hey!
Please add !important to force it :)
#top .fullsize .template-blog .blog-meta { float: left!important; }
Cheers!
Yigit
Hi penumbra!
1) Please go to Appearance > Menus and uncheck “Enfold footer menu” under Menu Settings http://i.imgur.com/Vih6It4.jpg
2) You can add [nolink] in Copyright section in Enfold theme options to remove “Enfold Theme by Kriesi”
3) Categories, date and author will be added automatically when you make new post
4) You can add following code to Quick CSS in Enfold theme options under Styling to remove post meta
.post-meta-infos { display: none; }
5) For new fonts, please refer to this topic https://kriesi.at/support/topic/new-custom-font/#post-121900
6) Please go to Enfold theme options > General Settings and choose “Single Author, Big preview pic” as Blog Style.
Cheers!
Yigit
sir please see https://webtechnology.ph/product/cctv-packages/cctv-package-4-channel-500-tvl-indoor/
images are still too big. the previous topic regarding this was closed.
I’m updating my site with the Enfold theme and very much like the look so far but have run into a problem I can’t seem to resolve.
Note: Virtually all of my posts, pages and portfolio items will include video from my Vimeo+ account as my primary business and the focus of this site is video production services.
I’m using a ‘Blog Posts’ advanced content element on my home page. If I use the Vimeo supplied Embed code in a blog post, it works very well both on desktop and mobile displays but, I get no image thumbnail displayed for that post in the Blog Posts element on my home page. I get the same result with video in a portfolio item or page using any compatible advanced content elements on another page.
I tried using the Link and IMG codes to add the video in my post rather than embedding and it works fine but the image is still not displayed in Blog Posts on the home page. The also creates aspect issues when launching the video on mobile devices.
Example of embed: <iframe src=”//player.vimeo.com/video/76392850″ width=”500″ height=”281″ frameborder=”0″ webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
Example of video image tag:
The only way I seem to be able to get the thumbnail link in a Content Element to work is to set a “Featured Image” which then displays that image on the page plus the video clip as well. I don’t really like the double image.
1st question: Is there any way I can add video to posts, pages and portfolio items that will display thumbnail images in content elements?
2nd question: Is there some way I can choose to not display the date on blog posts?
Thanks,
Keith