I am trying to implement Google Analytics code to track addword calls, I need to replace where the phone number is in the very top of the header.
I have a Child theme and I have the help-main-menu.php accessible in it. I don’t know how to replace the phone number area with this code:
<span class="number">1-800-123-4567</span>
I want to remove your code and add this in only, replacing what you have there.
I figure i need to do something with this code:
<div id='header_meta' class='container_wrap container_wrap_meta <?php echo avia_header_class_string(array('header_social', 'header_secondary_menu', 'header_phone_active'), 'av_'); ?>'>
and change the header_phone_active to my html, but I’m not sure how if its possible.
Thanks
Sorry for the delay!
Unfortunately, #1 isn’t fixed. Take a look at comment 4, for example at https://www.balloon-juice.com/2016/04/07/last-site-maintenance-post-for-a-while
It’s the vertical line that at the top part of the site is the left border for the right sidebar, but after you get past the sidebar scrolling down, that’s a different line. So it’s really two lines.
Hi there.
I got to login trough the account i made for you.
I now tryed to install the other restaurant theme.
Same error comes. The page looks crap and all the links on the top are dubble up. I have now tryed to use the plugin as you told me and it does not work.
It is not possible that you only run that plugin and everything works. I have now tryed to take a clean install of Wp —> install theme—> install demo data. Then everything get messed up. i have checked that my database is emty before i start tis instal. It is nothing there before i start.
And then i try to install the plugin and run this and select reset all —> the theme is reset—> then try to install the theme demo data again and it get messed up.
so, please tell me. what are you doing that im not?
-
This reply was modified 9 years, 11 months ago by
StianBorch.
The following class does not work on iOS devices. In Safari and chrome it is ok. Where is the fault?
.check-list ul {
list-style: none;
margin-left: 0px;
}
.check-list li {
padding: 6px 0px 5px 40px;
position: relative;
}
.check-list li:before {
content: ‘\f046’;
font-family: ‘FontAwesome’;
font-size: 16px;
position: absolute;
top: 6px;
left: 5px;
}
Hi
So I was able to use conditional logic with the main menu for this specific page and solved the issue.
The only open issue for me now is how to remove the top bar on this page.
Thanks!
I’m looking to have a fixed full-screen background, and the whole page transparent so the background shows. I want to achieve a look similar to this: http://affiliatesincounseling.net/
I set a page background image, and added the following code to make the header, title bar, main content and socket transparent, but it doesn’t work:
#top #header_main, .title_container, .main_color, #socket{
background:rgba(0,0,0,0.20)!important;
}
Instead of becoming transparent and showing the background underneath, the background on the page turns gray.
What am I doing wrong? Your help is really appreciated!
Sorry there’s been a misunderstanding I didn’t mean blog title I meant the word “Blog” appears at the top of all of my posts and it’s that I want to remove not the blog title.
OK. For the menu, is it possible to create conditional menu logic so that I can show/hide menu items on certain pages? Also hide the top bar on this page?
Hmmm, ok. I know there is a plugin “Insert PHP” but another person looking for help with this same subject was advised by your moderator Ismail NOT to use a plugin to do this… https://kriesi.at/support/topic/insert-php-in-pagesposts/#post-436571
He suggests using custom template pages which is what I was trying to do. Now I’m confused!
Hi BaseQuatro!
We do check and reply all topics, with a line.
There is no way – noone of us can not be able to help.
Please be patience till we reach the ticket of your and I am sure we will do find a solution! :-)
Best regards,
Basilis
if not it will be nice to have some possibilities to selekt those words specifically.
If you do this:
Villa Santi
<span class="bed icons"> 4 Bedroom</span> | <span class="bath icons">4 Bathroom</span> | <span class="size icons">Land Size : 750 m2</span>
<span class="beach icons">10 min. walk to beach</span> | <span class="shop icons">10 min. walk to Shopping, Restaurants, Spa and Massage</span>
<span class="airport icons">25 min. drive to airport</span>
.icons::before {
font-family: entypo-fontello;
font-size: 24px;
position: relative;
padding-right: 5px
}
.bed::before {
content: "\e8af";
top: 3px;
}
.bath::before {
content: "\e8ce";
top: 3px;
}
.size::before {
content: "\e869";
top: 3px;
}
.beach::before {
content: "\e8b9";
top: 3px;
}
.airport::before {
content: "\e8b6";
top: 3px;
}
.shop::before {
content: "\e859";
top: 3px;
}
see here: http://webers-testseite.de/enf02/testsite/
for formating your text with span tags you can use f.e. Bueltges Add quicktag plugin
or if it is allways the same text underneath those hotels you can copy paste the whole content and fillout than the correct values for the given Hotel
<span class="bed icons"> 4 Bedroom</span> | <span class="bath icons">4 Bathroom</span> | <span class="size icons">Land Size : 750 m2</span>
<span class="beach icons">10 min. walk to beach</span> | <span class="shop icons">10 min. walk to Shopping, Restaurants, Spa and Massage</span>
<span class="airport icons">25 min. drive to airport</span>
PS: i did the top value to the specific class because sometimes it might be better to put in different values.
-
This reply was modified 9 years, 11 months ago by
Guenni007.
Hi,
Im playing with the margins but nothing is happening…
Please Advise
.custom-padding .avia-image-container-inner {
max-width: 846px !important
width: 846px !important
margin-left: -100px;
margin-top: -30px;
}
Hey!
We have added the following code
#top #wrap_all .av-main-nav ul > li > a{
font-size: 20px!important;
}
Please refresh the browser cache and review the site..
Regards,
Vinay
Hey!
We added the above code in Quick CSS on top. Please refresh the browser cache a few times and review the site.
Regards,
Vinay
Hi @Chris,
Here you go and this is all there is.
/* Masonry title */
.page-id-nnnn h3.av-masonry-entry-title.entry-title {
font-weight: 700;
font-size: 16x;
text-align: left;
letter-spacing: -.25px !important;
word-spacing: 2px;
text-transform: uppercase;
}
/* Title hover */
.page-id-nnnn h3.av-masonry-entry-title.entry-title:hover {
color: #a81010 !important;
}
/* This gives white border and grey outline due to padding (three sides) */
.page-id-nnnn .av-masonry-outerimage-container {
padding-left: 8px;
padding-top: 8px;
padding-right: 8px;
border-top: 1px solid #E5E4E2;
border-right: 1px solid #E5E4E2;
border-left: 1px solid #E5E4E2;
}
.page-id-nnnn .av-masonry-image-container {
padding: 0px;
border: none;
}
/* Masonry excerpt */
.page-id-nnnn .av-masonry-entry-content.entry-content {
text-align: left;
font-style: Normal;
font-weight: 400;
font-size: 12px;
line-height: 100%;
color: #1084C4;
}
/* hide little arrow head */
.page-id-nnnn .av-masonry-container .av-inner-masonry-content .avia-arrow {
background-color: transparent;
}
/* This is the band below the image (there is a faint grey border) */
.page-id-nnnn .av-inner-masonry-content.site-background {
border-bottom: 1px solid #E5E4E2;
border-right: 1px solid #E5E4E2;
border-left: 1px solid #E5E4E2;
}
/* hover for band */
.page-id-nnnn .av-inner-masonry-content.site-background:hover {
background-color: #C8C8C8;
}
Enjoy!
Regards,
I have 2 topics opened for more than 2 days.
If you guys can’t solve the problems i’ve mentioned, could you please said so i can find another theme.
I know you guys have a lot of support itens to answer, but at least you could mention that are checking that or not
Hi,
Can’t figure out a way of removing the Blog title at the top of each of my posts.
Can anyone tell me how to do this?
Thanks
Derek
Hi Richard, thank you. Can you help me more?
here is the situation: http://www.ferrandomotor.it/servizi/
I need the logo to not override any menu voices and, if possible, to be at the top right of the header
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.os-smallicon .iconlist_title {
text-transform: none;
font-size: 12px;
margin-top: 5px!important;
}
.os-smallicon .iconlist-char {
font-size: 13px!important;
}
Regards,
Yigit
-
This reply was modified 9 years, 11 months ago by
Yigit.
Hey schenkco!
Please use the css below in Quick CSS
#top .avia-menu li:last-child .avia-menu-fx {
width: 100%!important;
}
Regards,
Vinay
Hi schenkco!
Please use the code as folllowing
.html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 13px!important;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Cheers!
Yigit
I need to configure enfold with anchor links (from menu bar to the middle of a single page). I try to google to find a solution but the only information available [1] is a post from 2013 where you suggest to use ” Advanced Layout Builder” but I’m not able to activate it on my installation. Could you provide any help on this topic (also a valid link is perfect) ?
Thanks in Advance
[1] http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/
Hey schenkco!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.header-scrolled .logo {
top: 0;
}
.logo {
top: 20px;
}
Cheers!
Yigit
Sorry about this but i can find no other way…
I just bough extended support through theme forest on this theme. I have purchased the theme almost 10 times. I can’t seem to start any topics though. Who can i talk to about this? I would like to get one username and login for support once and for all. Can you help with this?
-
This reply was modified 9 years, 11 months ago by
fgrippe. Reason: clarity
Hey Josue…
I have one other question. Is it possible to set the top or the side menu for a particular blog category page?
Thank you!
Mark
Hello Kriesi,
Thank you for supporting a great theme!!
We currently have the following quick CSS to adjust the background color on the widget (sidebar menu per screenshot below in private content):
.widget_nav_menu ul:first-child > .current-menu-item > a, .widget_nav_menu ul:first-child > .current_page_item > a {
background-color: #F5F5F5;
}
#top .widget_nav_menu li {
background-color: #F5F5F5;
}
This works great for regular menu items however when you create a submenu item the color changes AND the bullets in front of the submenu items are unaligned.
1- How can I change the background color to match the background for these submenu items?
and
2- How can I change the alignment of the bullets/hypens for these submenu items as shown in the screenshot?
I tried adjusting this CSS but it didnt work correcttly:
#top .content .flex_column .widget_nav_menu li a {
padding: 0.8em px;
}
Thank you!
Hi!
The code you used here – https://kriesi.at/support/topic/main-menu-font-type/#post-609645 adds new font families/font weights to the theme that you can use in Advanced Styling tab of Enfold theme options. After choosin font family in Enfold theme options, you can use custom CSS code i posted here – https://kriesi.at/support/topic/main-menu-font-type/#post-609669 to change font weight and style
Cheers!
Yigit
Hi!
You have following inline CSS
#top .main_menu ul.menu li a {
color: rgba(255,255,255,1)!important;
font-family: Open Sans!important;
font-size: 14px!important;
font-weight: normal!important;
letter-spacing: 2px!important;
text-transform: none!important;
}
that overrides the code i posted. That is probably the reason why advanced styling is not working on your end. Please remove the code and check once again :)
Best regards,
Yigit