I am adding a bbpress forum to my site and styling looks good except with the style I am using on my site (black).
How do I change the css for just the this?
http://192.185.4.72/~isengard/isengardbelgians.com/forums/topic/test-topic-2/
Thank you,
Lorra
Hi!
I have added custom CSS code to top of Quick CSS section. It does look fine now http://i.imgur.com/cTtcj1t.jpg
You can additionally add following code to increase top margin of footer menu to make it inline with social icons
#socket .menu {
margin-top: 12px;
}
Cheers!
Yigit
Hi spmcfarland!
Please refer to my post here https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003
instead of 200, insert 88, then add following code to Quick CSS in Enfold theme options under Styling tab
.fixed_header.social_header #main {
padding-top: 119px;
}
You may need to adjust the top padding value
Regards,
Yigit
Hi Sara!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.fixed_header.social_header #main {
padding-top: 200px;
}
You may need to adjust the value. Or you can post the link to your website and we can help you
Regards,
Yigit
Hi cavanaughb!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .ls-nav-prev, #top .ls-nav-next {
width: 40px; height: 90px; }
#top .ls-nav-prev:before, #top .ls-nav-next:before {
line-height: 90px; }
Regards,
Yigit
Hi,
I am looking for a way to resize the logo.
I have been reading and have tried your posts like
and
and I had some results.
in the quick css
.logo, .logo a, .logo img {
height: 190px!important;
}
and in the avia.js
el_height = 200,'
in stead of
el_height = $(elements).filter(':first').height(),
Now the header with the logo is the right size and resizes nicely.
But when I scroll to the top of the page it is on top of the content, and I can no longer read the title and breadcrumbs of the page.
What have I missed?
Thanks in advance
Sara
Hi!
Here it is http://i.imgur.com/hJvRsH0.jpg
Can you add following code to Quick CSS as well?
#top .social_bookmarks { margin: 0px 0px 0px -120px!important; }
Regards,
Yigit
-
This reply was modified 11 years, 11 months ago by
Yigit.
Many thanks have done this but, but have a few questions please see http://www.idesign-webistes.co.uk password giles123
I have an e-mail icon on left, I would like to have this to the right of the text in the top header. Also is it possible to have a phone Icon?
so we have text
Renewable Energy Generates Income – Contact Us for Advice then the “Mail Icon” Then Phone Icon and tel Number I still want to keep social icons to the left.
Many Thanks
Pete
Hey!
Can you try following too please
@media only screen and (max-width: 480px) {
#top .header_color .input-text, #top .header_color input[type='text'], #top .header_color input[type='input'], #top .header_color input[type='password'], #top .header_color input[type='email'], #top .header_color input[type='number'], #top .header_color input[type='url'], #top .header_color input[type='tel'], #top .header_color input[type='search'], #top .header_color textarea, #top .header_color select { color: white!important; }
Please flush browser cache on your mobile device after applying the code. I will be checking your website on my iphone as well
Best regards,
Yigit
Hi!
Please try flushing browser cache and refresh your page a few times. It is removed on my end http://i.imgur.com/iyLvvpm.jpg
Best regards,
Yigit
This reply has been marked as private.
Hi anab!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#header_meta { display: none; }
Regards,
Yigit
Hey samuelspodecox!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 767px) {
#top .header_color select { color: white!important; }}
Regards,
Yigit
Hi!
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top .avia-post-nav {
display: none;
}
That will remove the post nav. The related entries looks like its already been removed.
Best regards,
Devin
Hey David!
Please refer to my post here https://kriesi.at/support/topic/header-with-social-icons-and-bottom-use-text-instead-of-social-icons/#post-215140
to move “Phone Number or small info text” section to next to social icons.
And add following code to Quick CSS in Enfold theme options under Styling tab
.main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra {
background-color: #888;
color: white!important;
border-color: #888!important; }
#top .main_color .avia-color-theme-color { background-color: #888; }
Best regards,
Yigit
If we can have options for full functional menu on top, left, right, or even bottom. And the options for the top menu below a huge header image (full screen), it stick to top when you scroll down. This design is getting popular for one page design.
Regards,
Darren
Hi all,
I have been working with Enfold for a number of sites now and never actually needed this forum :) However I have one now where I want something special. I am not sure if a support forum is the place to be as its more like a customization of the masonry portfolio.
So whats the deal?
Its possible to show title and excerpt on the hover panel of the items in the masonry, however I would like to show an image there. I was able to do this by setting it to excerpt, and add <img src=” etc to the excerpt. Looks pretty ok, only now ofcourse in the search results the image is shown aswell, and probably will on other areas of the site at some point.
Here is a screenie of the work in progress: http://www.borkent.com/screenie.jpg
I have a custom metabox setup in the portfolio admin to add the image needed for the figcaption hover panel, and I found the code in masonry_entries.php “<div class=’av-masonry-entry-content entry-content’ {$markup}>{$content}</div>” but somehow I just cant get the image to show correctly, it either breaks entirely or shows multiple instances of the src url.
If anybody can tell me how to squeeze in this custom metabox entry without it duplicating zillions of times etc etc I would be very greatfull! Or maybe there is a way to use a function to insert something there?
Kind regards and thanks for awesome themes!
Thomas
ps. just clicked my link and I see it opens in the lightbox, this is the same lightbox as on the enfold template and it has some css bug. Here is a css fix for it.
problem: http://www.borkent.com/screenie_lightbox_kriesi.jpg
fix:
@media only screen and (max-width: 767px)
{.pp_details {
height: 50px!important;
width: 100%!important;
}}
div.pp_default div.pp_content_container .pp_details {
margin-top: 5px;
}
I also noticed I had to change some stuff to get logos working correctly in responive mode, I fix it with this:
@media only screen and (max-width: 767px){
.responsive .logo img {
margin: 0 auto;
max-height: 80px!important;
}
I have used the code here: https://kriesi.at/support/topic/randomize-partnerlogo/ to randomize the logos, and it works well. However, I have a few questions.
I think this can be done, but I know just enough PHP to get myself into trouble. I would like to randomize the logos on the slider, but not the grid. Is that possible? I would think
if($config['type'] == 'slider') shuffle($this->id_array);
would do it, but I couldn’t get it to work. What am I missing?
Also, on the grid, the links aren’t following the logos. Meaning, I have a page with the partner/logo element configured for a grid, and the links aren’t following the logos, they are staying at the alphabetically sorted location. Thoughts? Fixes?
Thanks,
-jeff
Hi Peter,
Thanks for your reply. It’s very strange as that title tag at the top was not reflecting my changes made in the All in one SEO pack yesterday but looking through them all they are correct today. Very confusing but all in order now. I did update the SEO pack I think so perhaps that has helped.
Thanks for taking the time to assist me :)
Much appreciated.
kcParticipant
I’ve been able to somewhat achieve what I’m looking to do but I am not quite there yet and need help.
I have created a page with multiple color sections, each with their own ID.
I then add those IDs as custom links to the Main Menu.
Clicking the menu scrolls me to the desired Color Section.
Manually scrolling to the a color section highlights the nav item. Perfect.
HOWEVER…
I want to create the menu for the page targets on the PAGE itself, not on the main menu and have that menu ‘dock’ under the main menu when scrolling so that it is persistent below the main menu.
I have turned off main menu size transforms so that it is a fixed size.
Please have a look at these images to see what I am describing…
View of page nav on pag (POC page)
http://www.keithcorcoran.com/x01.jpg
View of page nav on POC page when clicking on or scrolling to About Us target.
http://www.keithcorcoran.com/x02.jpg
View of Main Menu rollover over top of persistent page nav
http://www.keithcorcoran.com/x03.jpg
I have tried to create a new custom widget area at the top of the page with a new menu within it but the menu doesn’t behave as the main menu does with regards to class name updating to ‘current-menu-item’
Here are the needs for this request
- This ‘page contents menu’ I’m trying to create should be on the page itself.
- Menu would be manually created for each page it is needed on.
- Menu should be at a z-index above the current page and stay fixed below the Main Nav
- Clicking link on Page Contents Menu should scroll to Color Section Target
- Scrolling to Color Section Target highlights target in Page Contents Nav
I can manage the css myself mostly unless there is some trickery to highlight the nav. I’m looking for a way to make this happen even if it means adding/extending some functions.
Thanks!
-
This topic was modified 11 years, 11 months ago by
kc.
-
This topic was modified 2 years ago by
Yigit.
Sorry to open a new thread with the same name, but unfortunately this one here got closed prematurely:
https://kriesi.at/support/topic/yoast-seo-plugin-makes-some-pages-go-missing-incompatibility/
It’d be great if the forum moderators could be a bit more patient before closing threads… I couldn’t even reply to the last post in the above thread (private reply from user “maximondo”)… any way to do so, to say thank you???
Anyway… back on topic:
I managed to resolve the problem with disappearing pages upon activation of the Yoast SEO plugin. Seems like other users of the Enfold theme were experiencing the same issue:
http://wordpress.org/support/topic/some-pages-disappear-when-i-activate-the-plugin?replies=6#post-5171996
The solution in that thread (modifying functions.php) didn’t work for me. Some pages still went missing in WP-Admin, but were visible online. So I temporarily activated the “Twenty-Fourteen” theme that comes with WP3.8 and voila: all pages were back again.
I then noticed that I still had a lot of pages from the Enfold demo content (marked as “draft”). So I trashed & deleted all of the demo content pages, and re-activated the Enfold theme. And… woooohooo: All pages visible.
Don’t know why, and what happened – but at least it’s now working.
Still: Might be worth investigating for the Kriesi/Enfold team. It could well be that the number of pages or drafts was the problem….
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