Hi Yigit,
I am so sorry, but it doesn’t work, not even on the laptop.
None of the below mentiones codes-snippets has any influence on the color.
Neither this way:
#top .header_color input[type=’number’],
#top .header_color input[type=’tel’] { color: white!important; }
nor this way:
#top .header_color { color: white !important; }
nor that way
.responsive.social_header .phone-info span
input [type=”number”] { color: white !important; }
Regards,
Klaus
Hi!
I checked the source code of some pages and all pages have a title tag at the very top – you can find it below the charset meta tag
<meta charset="UTF-8" />
Cheers!
Peter
Hi Guilherme!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top .social_bookmarks li a { font-size: 18px; }
Regards,
Yigit
What is the Quick CSS to make the top header (social media icons) larger?
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .social_bookmarks { float: left; margin-top: -4px; }
#top .social_bookmarks li { padding: 0!important; }
Cheers!
Yigit
Hi!
In the grid.css file you can copy out the initial grid sizing and then modify it to your needs. You’ll need to put it inside an appropriate media query based on what viewports you want the different size to take effect.
See:http://css-tricks.com/css-media-queries/
Cheers!
Devin
Hi!
In the past some other users also asked for it and i do not remember such issue. Can you try adding following code to Quick CSS as well
#top .header_color input[type='number'], #top .header_color input[type='tel'] { color: white!important; }
Best regards,
Yigit
Hey akamaxbuz!
Please refer to my post here https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003
If you want to double the size, instead of 200 please enter 176 then add following code to Quick CSS in Enfold theme options under Styling tab
.fixed_header #main {
padding-top: 176px;
}
Cheers!
Yigit
Hi!
I just saw that you have posted your website on another thread so i could take a look at your website. I still think is issue is caused by following css code
.textwidget span.av_font_icon.avia_animate_when_visible.av-icon-style-.av-no-color.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
margin-top: -12px!important;
}
Can you try removing it and adding following code instead
#footer .av_font_icon { margin-top: -12px !important; }
Best regards,
Yigit
Hey Kropstar!
Please go to wp-content\themes\enfold\includes\admin folder and open register-backend-styles.php file. There you can find predefined colors. For adding Google fonts, please see Ismael’s post here https://kriesi.at/support/topic/fonts-3/#post-213641
Best regards,
Yigit
Thanks so much Yigit. It worked like a charm :)
E.
Hi!
I’m not sure why the filter is not working but please download the font that you want on http://fontello.com/ then upload it via Enfold > General Settings > Icon Font Manager. Edit functions.php, find this code:
'scrolltop' => array( 'font' =>'entypo-fontello', 'icon' => 'ue876'),
Below, add this code:
'slideshare' => array( 'font' =>'fontello', 'icon' => 'ue802'),
I used the checkmark from Font Awesome. Edit includes > admin > register-admin-options.php, find this code on line 971:
'Youtube' => 'youtube',
Below, add this code:
'Slideshare' => 'slideshare',
You can now select the Slideshare social icon. You can do the same with yelp icons. Regarding the icon codes, you need to remove the plus sign. U+E802 should be converted to ue802.
Cheers!
Ismael
Hello! I have a question.
How do i remove the “portofolio-item” from URL? Because i don’t want to show.
For example i don’t want: http://www.studioblitz.ro/portofolio-item/filmari-nunti-otopeni-cu-simona-si-bogdan/
I want: http://www.studioblitz.ro/filmari-nunti-otopeni-cu-simona-si-bogdan/
Please advise me in order to progress further.
Thank you!
With respect,
Sorin
Ok i found the solution :
I used “CSS Classes (optional)” in menu a use the following css
.main_color .widget_nav_menu ul:first-child>.catego, .main_color .widget_nav_menu ul:first-child>.catego {
color: #5c5c5c;
border-top-width: 1px;
border-bottom-width: 1px;
border-style: dashed;
}
.widget_nav_menu ul:first-child>.catego, .widget_nav_menu ul:first-child>.catego, .widget_nav_menu ul:first-child>.catego-ancestor {
width: 100%!important;
padding-right: 52px;
padding-left: 0;
left: auto;
top: 1px;
}
Seems to be ok
Hey Ismael,
thanks a lot for your answer. It helped me out. I found what I was looking for :)
I have one more question and perhaps I can ask it here instead of creating new topic. I would like for the headlines in the textblocks to be set to “normal size” as default and to be able to change to “bold size” if needed. Is this possible? If I choose a special heading the H! is normal but not in text block?
Thanks again.
Regards
Kris
Hello,
Thank you for the input. I found the “color section.” Is it possible to make color sections in posts as well?
Also, after I make the color section, could you please advise on how to place the panorama into this section?
Panos are implemented through shortcode:
[panorama360 src=”http://kenko8.com/pano/wp-content/uploads/2014/01/panoo.jpg” style=”position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;” mousewheel=”1″][/panorama360]
I have the above css in my quick css btw.
Thank you
Hey!
Du kannst alle Feature Requests hier: https://kriesi.at/support/topic/enfold-feature-requests/page/18/ posten.
Öffentliche Roadmap gibt es derzeit keine. Der Plan sieht derzeit so aus, dass wir heute oder morgen ein Update veröffentlichen, welches Video Backgrounds und Parallax Effekts zu “Color Sections” hinzufügt und man kann jetzt auch Videos zu den Slidern hinzufügen. Weiters gibt es Detailverbesserungen – zB aktualisiert sich jetzt die Filter Liste des “Masonry Portfolios”, wenn man den “Load More” button klickt und die Copyright Zeile unterstützt jetzt Shortcodes. Das nächste Update wird vermutlich rtl Support und LayerSlider 5 bringen und dann sehen wir weiter.
Regards,
Peter
Dear Support,
for my website http://www.busch-analytics.de I put my phone-number in the header area.
Via CSS I changed the color into white. This works fine on my laptop, but not on iPhone/iPad.
On iPad/iPhone the text “Telefon” is white, but not the numbers. What’ s the reason for this strange phenomenon?
What I found out is, if I change the numbers to text, it works as it should do.
How can I change this?
This is my CSS-code (Quick-CSS)
.header_color .phone-info {
color: #ffffff !important;
}
Thank you very much for your help.
Kindest regards,
Klaus
Hey condonpb!
Please go to Enfold theme options > Header tab and choose to display “Non-fixed header with additional navigation” and add your text in “Phone Number or small info text” section
Cheers!
Yigit
Hi sbeauchesne!
1) You can use this plugin to maximize the search power of your website: SearchWP
Refer to this link in order to integrate the plugin on ajax search: http://kriesi.at/documentation/enfold/use-searchwp-instead-of-the-standard-search/
2) You can hide the sidebar with following css code – insert it into the quick css field
#top.search .sidebar {display: none !important;}
#top.search .content.template-search {width: 100% !important;}
3) Yes, insert this code at the very bottom of functions.php:
add_filter('avf_ajax_search_label_names','avia_change_pt_label_name', 10, 1);
function avia_change_pt_label_name($label)
{
if($label == 'Portfolio Items') $label = 'Partners';
return $label;
}
Best regards,
Peter
Hey!
You don’t need to hack the theme files – please insert this code into the functions.php file: https://kriesi.at/support/topic/adding-slideshare-to-header-social-icons/#post-200202 and make sure that the font family name and icon char code is correct.
Regards,
Peter
Hey!
I think the high z-index doesn’t work because the main menu container z-index is set to 100. Try to use following code
.main_menu {
z-index: 1500;
}
to increase it.
Best regards,
Peter
Dear Sirs,
I need to have a top line header to put text into this area. Can you tell me how to do this and also add the text . My site is at http://www.idesign-websites.co.uk password is “giles123”
Please see example I am trying to copy is at http://www.romulusconstruction.com
Many thanks
Peter
I have added padding to the fullwidth easy slider image div so that the image fits better with my site and the prev – next navigation arrows still remain at the outside of the page. Here is the css I changed.
.av_slideshow_full li img {
padding: 0 10%;
}
Now there is a line / border that appears on the outside of the slider image as demonstrated in the screenshot below.

This line also appears the moment before the slider loads then it goes away.
How can I remove this line or border?
Hi Ismael,
Yes but please see the first post:
“If I put the blog shortcode in a 75% width segment and the page template with no sidebar, then insert a 25% width section with the widget shortcode, I encounter two problems. The first: the blog element style changes and forces me into a center justified layout with thumbnail on top. The second is that although the widget appears, there is no vertical dividing line between the blog content area and the sidebar.”
I already tried that and the blog style change and the sidebar line disappeared. Just to clarify, I’d like the thumbnail to remain on the left side not go up and center, and would like the grey line that separates the blog and widget area to remain visible. Is that doable?
Thanks!
Karl.
-
This reply was modified 12 years, 1 month ago by
karlbaz.