Hi!
@Nenad: Thanks for chipping in. Appreciated. :)
Best regards,
Ismael
Hey!
I checked the website and I guess you managed to prevent the logo from showing up. I also check the banner and it resizes properly on different screen sizes. Add this on Quick CSS to fix the mobile view:
@media only screen and (max-width: 767px) {
.bottom_nav_header.social_header #header_main .container {
height: 40px;
line-height: 40px;
}
}
Best regards,
Ismael
Hey!
Try adding this code to the Quick CSS:
#top .avia-smallarrow-slider .avia-slideshow-arrows {
left: 0 !important;
right: 0 !important;
margin: 0 auto;
display: block;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows .prev-slide {
left: -200px !important;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows .next-slide {
right: -150px !important;
}
.avia-slideshow-arrows a:before{
background: #fd9192;
}
Cheers!
Josue
Hi Julien!
Create two custom link in the Menu (both sites) and put them a class of .flag-x and .flag-z. after you done that reply back to this topic so we can try to add the flags with CSS, also provide us with the images you want to use as flags.
Regards,
Josue
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) {
#top #main .single-product-main-image .sidebar, #top #main .single-product-main-image .inner_sidebar {
display: none;
}
}
Cheers!
Josue
I have spent way too much time trying to insert a tall and thin image the size I want it next to some type that is on the right in a text block. I have resized the image countless times, but it is either really big or really small. The wordpress editor has no effect. I inspected the code, but there is no css that i can insert to stop this from happening. The image size will not change. I have tried multiple column sizes and different ways of putting an image next to text. Nothing.
Utterly frustrating.
Can you help with this?
Hi
i’d like to change the colors of the social icons or just replace the icons altogether, how do I do that, also I need to add an additional icon that isn’t supported if I could have instructions for this, that would be great. using the header with social icons and bottom. I would alos like to take out the top grey line. thanks
Hi Yigit,
I would appreciate an early reponse.
Cheers
Mohan
Hello,
Not sure if it’ll work in every case, but you can try following (and still preserve nice look during header scrolling):
1. In Menu Item -> Navigation Label enter
<span class=”menu_first_line”>Text-1</span><span class=”menu_second_line”>Text-2</span>
2. in custom.css enter
.menu_first_line {
display: block;
float: left;
}
.menu_second_line{
display: block;
float: left;
margin-top: 15px;
position: absolute;
}
#mobile-advanced .menu_first_line {
float: none;
display: inline;
}
#mobile-advanced .menu_second_line {
display: inline;
float: none;
margin-left: 4px;
margin-top: 0;
position: relative;
}
Hi,
trying to random-sort my 100+ masonry-galleries. I was searching for existing topics but still need help!
Hey!
Try adding this code to the Quick CSS:
.home .grid-sort-container.isotope.no_margin-container.with-title-container.grid-total-even.grid-col-4.grid-links-.isotope_activated {
right: 20px;
}
Cheers!
Josue
Hi it looks I can do one or the other but not both ??? can I pad each column so text is centered and header color highlighted?
Look at PRICE TABLE LOT # http://elmiradorcr.com/pages/lots-for-sale/
Hey!
Try adding this code to the Quick CSS:
.header-scrolled .logo img{
top: 0 !important;
}
.logo img {
position: relative;
top: 15px;
}
Cheers!
Josue
Here’s my URL http://www.true-affects.us/
I am having trouble with the logo in the header. I want the logo to be centered vertically in the header rather than up at the top. I have tried adding padding to make this happen, but while setting padding to 20px makes it look centered, the logo shrinks too small and almost disappears when the page is scrolled. Reducing it to 10px helps with the scrolling, but it isn’t quite centered.
Any suggestions on the best solution? I like the scrolling affect, but I don’t want the logo to shrink too small. I also want it to be centered. I appreciate your help
Hi,
I’d like to change the position of the captions for the full width easy slider so that they are positioned top left as opposed to centred left.
I’ve tried searching the topic and found a few different replies to similar questions with css mods, but none of these have worked when I’ve tried them?
I’m surprised a ‘top’ option isn’t available as there is a ‘bottom’ one?
Any guidance would be appreciated.
Thanks
Hello Kriesi team,
1) I would like to add the social icons Twitter, Google+, LinkedIn, RSS and Mail in the right of the top menu, like in the kriesi.at page. I have tested all header options but i can not find a similar one. Could you help me please?
2) I would like to add the social icons Twitter, Google+, LinkedIn, RSS and Mail in the footer 1. I have test a similar code like this:
https://kriesi.at/support/search/social+icon+widget/
<ul class=”noLightbox social_bookmarks icon_count_5″><li class=”social_bookmarks_yelp social_icon_1″><li class=”social_bookmarks_twitter social_icon_2″><li class=”social_bookmarks_facebook social_icon_3″><li class=”social_bookmarks_youtube social_icon_4″><li class=”social_bookmarks_mail social_icon_5″>
But only one icon is seen: :-(( What am i doing wrong?
Thanks in advanced, Raúl Ibáñez.
http://solucionestecnologicasparaempresas.com/
-
This topic was modified 11 years, 11 months ago by
ribanezg.
Hi All,
I am working on a website and just noticed that the overlay of masonry items is displayed “asif” my laptop is a tablet or phone. However I am on a full hd touchscreen enabled laptop with a pointer.
Does anybody know how I would fix this so that this doesnt happen? I have read a few things about peoples wishes to have a tap1: activate overlay, tap2: clickthrough to item. I think this would be the way to go for smartphones and tablets aswell.
However the handling of a touchscreen enabled laptop in my opinion shouldnt be focused on the fact that it its touch enabled, I have a pointer :)
I think it has something to do with the class .avia_desktop being called on non-touch devices.
.avia_desktop.csstransforms3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content{... etc
any help on this would be cool!
thx,
Thomas
Hey!
Try adding this code to the Quick CSS:
#menu-item-2491 a {
color: white
}
#menu-item-2491 a:before {
content: "";
position: absolute;
background: #f24e08;
height: 27px;
width: 75px;
top: 39%;
right: -10px;
z-index: -1;
}
Cheers!
Josue
Hey!
Try adding this code to the Quick CSS:
.home .template-page.content.twelve.alpha.units {
padding-top: 0;
}
Cheers!
Josue
Hey!
Try adding this code to the Quick CSS:
#top .main_menu .menu>li:last-child>a {
padding-right: 13px !important;
}
Cheers!
Josue
Hey!
Try adding this code to the Quick CSS:
.menu-item-mega-parent {
top: 1px;
}
Cheers!
Josue
Hi there helpful people :)
I need some help. I can’t figure out how to get rid of the tiny line separating the color sections on my site?
As it is right now I have put two similar colored sections on top of the site to show you what I mean. Between the two “blueish” sections there is a small white line. The sections do not float(?) together. Can you help me? Can I add something in the quick CSS?
You an see the site here: http://vildbird.se.preview.binero.se/ny/
Thankful for help.
Kris.
Hi Yigit,
The link is http://182.160.156.94/~w02k29wi/
I need to eliminate the logo from showing up and sort out the navigation.
Cheers
M
Hi, I am trying to embed another webpage onto my website and used CSS to adjust the embedded window to display only a certain area but it does not seem to work. Here is what I am using. After I update the height and width it shows up fine on the editor but as soon as I click update the adjustments disappear.
<div id=”outerdiv”><iframe id=”inneriframe” src=”URL” scrolling=”no”></iframe></div>
<style><!–
#outerdiv
{
width:490px;
height:290px;
overflow:hidden;
position:relative;
}
#inneriframe
{
position:absolute;
top:-320px;
left:-400px;
width:1280px;
height:1200px;
}
–></style>
Hello!
The problem is that posts excerpt don’t work at all. I just read some topics with similar troubles and folowed all pieces of advice but nothing helped to solve it.
Here is the link:
http://smtdp.de/index.php/blog/
tnx
Hi there,
Thanks for your continued help on this. So close… but neither of these snippets or putting it into Enfold Child> style.css worked. And now the Reserve Now button which had been working on the smartphone, is no longer appearing at all.
I hate to do this (because it gets so long) but I’ve pasted all my code in the style.css below. Can you see anything wrong, conflicting or have any ideas on what to do next? Thanks again, Lynn
/*
Theme Name: Enfold Child
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/
/*Add your own styles here:*/
/* Hide layerslider on Smartphones and protrait Tablets */
@media only screen and (max-width: 768px) {
.avia-layerslider { display: none; }}
/* Place Reserve now on tablets */
@media only screen and (max-width: 989px) and (min-width: 768px) {
.header_color .header-button a { left: -40%!important; }}
/* Add Reserve Now button to Header-added code to header.php*/
.header-button {
position: absolute;
border: none;
top: 0;
left: 255px;
right: 180px;
}
.header_color .header-button a {
display: block;
padding: 2px 5px 10px 12px;
font-size: 22px;
text-align:justify;
font-weight: bold;
float: left;
color: #f8d699;
border-radius:0px 0px 15px 15px;
}
.header-button a.header-chat { background-color: #985e06; left center no-repeat; }
.header-button a.header-chat {link: href=”http://reservation.worldweb.com/hotel/1227″ target=”_blank” }
}
/* Remove from home page only (right side)#, */
.breadcrumbs { display: none; }
.page-id-2 .entry-title { display: none; }
.sub_menu {
right: 175px !important;
}
/* Added TripAdvisor to ‘register-admin-options.php’ file, then to child functions.php Moves social icons to right of page */
#top .social_bookmarks li {
float: right !important;
}
/*Dropdown menu on top of LayerSlider*/
.container_wrap, #header_main { z-index: 1; }
/* Sizes/styles phone#, */
#top .social_bookmarks li a { font-size: 18px; }
.social_header .phone-info span {
font-size: 18px;
color: #f8d699;
font-style: italic;
padding-right: 28px;}
}
/* Change color of header social fonts*/
.header_color .social_bookmarks a { color: #f8d699; }
/*size main menu font*/
#avia-menu a {
font-size: 17px !important;
}
/* Color hover of TripAdvisor*/
#top .social_bookmarks_tripadvisor:hover a {
color:#fff;
background-color: #29A959!important;
}
/* Color main menu dropdown font*/
#top .main_menu .menu li ul a {
color: #f8d699 !important;
opacity: .7;
}
.header_color .main_menu ul:first-child > li > a { color: #f8d699; }
.slide-meta {display: none;}
.blog-categories.minor-meta {display: none;}
.text-sep.text-sep-cat {display: none;}
.header-buttons {
position: absolute;
right: 0;
border: none;
}
/* Get Reserve Now button on iPhone*/
@media only screen and (max-width: 480px) {
.header-button {
position:absolute;
top:90px;
left:30px;
right:20px;
}
}
/*Dropdown menu on top of LayerSlider*/
.container_wrap { z-index: 1;
}
/* Sidebar styling -latest portfolio widget*/
#portfoliobox-2 .news-headline {
font-size: 16px !important;
}
#portfoliobox-2 .news-excerpt {
font-size: 12px !important;
}
.image_size_widget .news-thumb {
height: 50px;
width: 50px;
}
.image_size_widget .news-thumb img {
width: 46px;
height: 46px;
}
}
add_theme_support(‘avia_template_builder_custom_css’);
BTW, can you implement search in forum within a specific WP theme thread, Enflod for instance? Browsing through search results where it’s not obvious if it’s Enfold or not is not convenient. I have even tried to google “xxx site:https://kriesi.at/support/forum/enfold/” but it didn’t work, because topics are not within the enfold folder.
Thanks for your reply. The background colour for the footer and header are supposed to be dark green and they were when I raised this topic. I’ve changed them back within the theme options, but these are not showing on the site
Hey!
Please use this instead:
.hr {
height: 25px;
line-height: 25px;
margin: 0;
}
body .column-top-margin {
margin-top: 10px;
}
That should decrease the gaps between elements.
Cheers!
Ismael