Tried searching the forums, but couldn’t find anything related to Enfold.
How can I change the background-color for text selection? Have tried adding the following to my custom.css:
::selection {background-color:#ef7c0b!important;}
::-moz-selection {background-color:#ef7c0b!important;}
::-webkit-selection {background-color:#ef7c0b!important;}
Yes, even with !important it still doesn’t work.
As far as I understand, the color used for background-color of text selection is the same as the one added in the theme settings in WP. Yet, as I have already mentioned in a previous topic several months ago, I cannot add my specific company color to the theme settings. So how can I overwrite that different color, or is there a way to solve that bug?
In your Theme settings -> Styling -> Main Content -> Primary Color, try adding the following #EF7C0B. You will see the C is replaced by a D. Seems like a minor change, but try filling 2 squares with each color, you’ll see the difference. For my company, it’s important to get it right.
Hi
I am disruptivevision, I have already created this topic, but i didnt get proper solution.
The # links are not working properly, when we click on same page it is working fine. but when we navigate from other pages it is not working properly. The website is live, http://www.disruptivevision.com.
Please could you help me on this.
Thanks
Hey!
1) Please refer to this topic for menu overlapping issue https://kriesi.at/support/topic/collapsable-menu/#post-165144
2) You can add following code to Quick CSS in Enfold theme options under Styling tab to hide social icons on screens smaller than 522px and change its position on screens smaller than 767px
@media only screen and (max-width: 767px) { .responsive #header .social_bookmarks { width: 25%; }}
@media only screen and (max-width: 522px) { .responsive #header .social_bookmarks { display: none; }}
3) You can add following code and adjust it to make h1 inline with video
.home .template-page .entry-content-wrapper h1 { margin-top: -5px; }
Best regards,
Yigit
Hey optizign13!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust
.current_page_item>a, .current-menu-item>a { color: white; }
#top .main_menu .menu li ul a { color: #f2f2f2; }
Regards,
Yigit
Glad we could help. Let us know if you have any other questions or issues :)
Regards,
Josue
Hi!
You can use the .home class. I.e. instead of
.bottle{
width: 350px;
height: 650px;
position: fixed;
left: 0;
top: 0;
z-index: 1000;
}
use
.home .bottle{
width: 350px;
height: 650px;
position: fixed;
left: 0;
top: 0;
z-index: 1000;
}
and the bottle will only be displayed on the front page.
Best regards,
Peter
This reply has been marked as private.
Hey!
1) Try following code to change the background
.page-id-2459 .header_color .header_bg {
background: #1a1a1a url(https://www.digitalclicksmarketing.com/dcm/wp-content/uploads/2013/04/header_background1.jpg) top center repeat scroll;
}
2) Probably not without creating a new layout element because i.e. a table would look different. However you can create a 3 column structure and then use the “iconbox” shortcode to create a similar design. You can also try the new masonry grid to reproduce it.
Best regards,
Peter
Is there a way to make the EasySlider (regular or fullwidth) be continuos scrolling? Similar to this Link or this Link2.
Thanks.
I added that code but also had to make sure that the logo still didn’t resize and the image came right up to the end of the header bar so I added this too:
.logo img, .logo, .logo a {
max-height: 88px !important;
}
.fixed_header.social_header #main {
padding-top: 118px;
}
Thanks!
Hey Andrea!
In your custom.css file you will have a Desktop Styles media query. Add this into that and adjust as needed:
#header_main .container, .main_menu ul:first-child > li > a {
height: 88px !important;
line-height: 88px !important;
}
Regards,
Devin
Hi hodgsondesign!
You need to manually add the social buttons and provide the images. Edit js > avia.js, find this code:
elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });
For example, we will add a facebook button. Replace the code above with this:
elements.prettyPhoto({ social_tools:'<div class="pp_social"><div class="facebook"><a href="facebook.com" class="facebook-button"></a></div></div>',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });
Add this on your custom.css or Quick CSS:
.pp_social .facebook .facebook-button {
display: block;
width: 20px;
height: 20px;
background: red;
position: relative;
margin-top: -15px;
}
.pp_social .facebook {
overflow: visible;
}
You can replace the background with the facebook icon and replace the url with your account.
Cheers!
Ismael
Hi optizign13!
Please add this on your custom.css or Quick CSS:
#top .avia-slideshow-arrows a {
visibility: visible !important;
opacity: 1 !important;
}
Best regards,
Ismael
Hi,
I was wondering how easy it would be to make the logo central at the top of the page and have the menu below it? I need everything else to be the same but would like this change, need it something like this http://www.boydindustries.com.au/
Im happy to pay for a mod or please point me in the right direction with edition the files.
Warmest regards,
Shane
Greetings,
First of all, thank you for the wonderful Theme. Its just amazing how easy it is to make a website with this theme!
Here’s a problem that I’ve been trying to solve for several days and couldn’t figure out so here I come to the forum to get some help.
I’m having problem having the icons from the icons list display in the backend. When I select any of the Icon (that does not display properly) and save and publish the page, then the icon does appear on the fron end of the website. So the Icons its self is there and appearing, I just cannot see the preview of icons when I’m trying to “choose” which icon to use. When I first installed the theme, I was able to see the theme, but along the way they stop displaying… what did I do?! :(
here’s an image
http://tinypic.com/r/2ng7g3l/5
I’ve looked through the forum and and tried a few different things,
・updated the theme to most recent 2.4
・uploaded new fonts from fontello
・deleted cashe
but these didn’t seem to do the magic.
I’m guessing there’s an issue with some of the PHP files, but unfortunately I’m not the most code illiterate to figure this out on my own. I would love to use these amazing sets of icons…(only if I could know which one they are!) Any ideas on what maybe causing this problem?
Thanks in advance,
Neo
Hey!
That is the way the single product is formatted. The sidebar on single product pages will always be on the left. You can choose not to show it, add this on your custom.css or Quick CSS:
#top #main .single-product-main-image .sidebar, #top #main .single-product-main-image .inner_sidebar {
display: none;
}
Cheers!
Ismael
Hi,
I am not trying to change the tab I just want the page that someone is currently on to be highlighted within the drop down menu as well.
For example if you go to http://optizign.org/sitepreview/personaltouchdental.com/our-office/
the OFFICE page is highlighted at the top. What I need is for example, Letter Testimonials (Which is a drop down under the testimonials main menu, to be highlighted since I am on that page.
http://optizign.org/sitepreview/personaltouchdental.com/letter-testimonials/
Hey!
Please try to add this on your custom.css or Quick CSS;
.image-overlay .image-overlay-inside {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
content: '\E897';
font-family: 'entypo-fontello';
border-radius: 10px !important;
line-height: 60px !important;
height: 60px !important;
background-color: #DD0303 !important;
font-size: 24px;
}
Regards,
Ismael
Hi Guys,
I’m having the same problem. The Blog Grid was working prior to last update.
Today, I had to rename BLOG Enfold theme pages several times to “BLOG”, as well as test a few other theme page samples by renaming pages to BLOG-2, BLOG-3, etc. (I was trying to get back to the original grid style theme.) Also, changed permalink addy hoping for a manual fix of the posts. Top top it off, it was fixed after I changed when I clicked on website’s BLOG link — meaning the grid and 2 posts were there. Then, without other changes, it returned back to a different Blog theme version (currently blog-2). Like it redirects or something. Working on it as I type this.
Deleted Enfold dummy data file, manually deleted posted comments dummy data, corrected DB Blog database info, (edit) also updated WP Database required at log-in today.
Also, on the BLOG (Enfold themed) page, the top header with social media icons is not showing. I noticed the ENFOLD Layout didn’t provide option for header like it does for footer.
Please advise.
Same here Josue…
Notice the spacing of the characters where the punctuation occurs. There should be a space after the commas, a space after the full stops etc…
As far as the buttons go then yes, they look right now because I added the CSS I mentioned above to change the attribute for white text. The screenshot I sent you showed exactly what happened after I updated to 2.4.1 with no Styling changes… Must be happening to others yes?
Hope that helps clear things up..
Thanks
Ed
Hi!
We’re aware of this limitation (see: https://kriesi.at/support/topic/preformatted-text-in-layout-builder/ ) and it’s on our todo list. For now you can use a plugin like: http://wordpress.org/plugins/insert-html-snippet/ to insert your snippets.
Regards,
Peter
Got it, using the revision-system. Thats where I found the Shortcode. I understood the original thread the way, using the debug mode would give me a shortcoe, which I could use to show the same element on different pages. Now I see, it would only create a Shortcode using parameters to add settings e.g.
[av_partner columns='5' heading='' size='no scaling' border='av-border-deactivate' type='slider' animation='slide' navigation='no' autoplay='true' interval='5']
[av_partner_logo id='1651' attachment='' hover='' link='page,1836' linktitle='' link_target='']
[av_partner_logo id='1648' attachment='' hover='' link='page,1830' linktitle='' link_target='']
[av_partner_logo id='1647' attachment='' hover='' link='page,1833' linktitle='' link_target='']
[av_partner_logo id='1646' attachment='' hover='' link='page,1843' linktitle='' link_target='']
[av_partner_logo id='1644' attachment='' hover='' link='page,1845' linktitle='' link_target='']
[av_partner_logo id='1649' attachment='' hover='' link='page,1852' linktitle='' link_target='']
[av_partner_logo id='1645' attachment='' hover='' link='page,1854' linktitle='' link_target='']
[av_partner_logo id='1642' attachment='' hover='' link='page,1857' linktitle='' link_target='']
[av_partner_logo id='1643' attachment='' hover='' link='page,1859' linktitle='' link_target='']
[av_partner_logo id='1650' attachment='' hover='' link='page,1862' linktitle='' link_target='']
[/av_partner]
This is quite useless for me, since I thought I would get a single page to edit the element and using the shortcode on different pages to keep it up-to-date.
Is there any chance to get this done?
-
This reply was modified 12 years, 4 months ago by
rhunecke.
Yes, the logic makes perfect sense and I thought this to be the case. Not so much of an issue if they sit on top or even underneath (and one scrolls down for them to then be revealed). Does this PHP file get overwritten each time I apply an Enfold theme update? Thanks for your assistance!
Hi glozemedia!
Please suggest your idea here: https://kriesi.at/support/topic/enfold-feature-requests/ – if more user request it we’ll look into it.
Best regards,
Peter
Hey!
Yes, the WPML setup can be a real pain sometimes. Someone who hired me as a freelancer had also problems with the permalink rewrite rules and it turned out that his server simply stopped to process them. He switched to a different hoster, cloned the entire website and suddenly everything started to work flawlessly. I still don’t know which php or htaccess configuration caused the issue on the first server but the same settings worked on another server and thus I think it was not a configuration or plugin/theme code issue.
Regards,
Peter
First, I’m working on Localhost and have no link to show you. I’m working on a bone stock layout of enfold feeling my way around your template.
I want to be able to put a vertical menu list on specific pages. The same design as the top menu for a consistent look to the theme, but instead of it displaying horizontal (display: inline), I want it to have all the main LI’s stacked vertically on top of each other and the sub menu LI’s sliding out horizontally by adjusting top/left positioning. This would be useful for footer blocks and sidebars. I can make my own custom menu in word press and use your CSS styling. I just want it to look the same and not basic text links that are bland and boring.
I am capable of understanding, hacking, duplicating your code for my own custom menu, but I’m striking out looking for display: inline CSS properties on the backend for NAV.main_menu UL Is this perhaps in a PHP menu template somewhere and not in the CSS?
Q1. Can you point me in the right direction to all of the CSS code blocks that impact this decision.
Or, if there is an easy way to accomplish a vertically oriented menu in your template, please let me know where to sniff around.
You have some of the styling already configured for a mobile environment.
Thanks for any input you can offer.
P.S. Edit to note above: I am also capable of dealing with PHP if this involves some coding in a template.
Hi loyalzoo!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired
.main_menu ul:first-child > li > a { font-size: 16px; }
Regards,
Yigit