Forum Replies Created
-
Posts
-
Isamel, sorry for the delay.
I guess I’m looking for pricing tables that act and look like these http://theme-fusion.com/avada/pricing-tables/Also the Avada Theme that the example is from looks like they are straight up copying Enfold and reselling it. Here is another example http://www.funrunpartybuses.com/
Jon
As I have been building out the test pages to this site the solution you provided seems to work great.
The theme does try to align the widget titles toward the content (left on left side bar and right on right side bar) but otherwise it fixed the issues I hadI added manual integration for UberMenu, however, I’m having the issue even when I deactivate the Child Theme and revert normal Enfold.
When I noticed that I deleted the Child Theme and Enfold. Then I re-uploaded a clean Enfold and it still had the responsive stacking issue even with all plugins disabled.
I’m at a total loss right now on how to get it to work properly.
JonThank you that is exactly what I needed.
Another related question. Right now I have the responsive width settings to be 25% sidebar and 75% content. Is there a way to force the ratio to change with the screen size so on screens 700-900 and can have it be 30% to 70% instead? This would help to stop my 300px wide ads from getting cut off or overlapping the content.
Thanks
JonThanks that did help out quite a bit, but still having some issues.
When I use a Right Side Bar the inner margins/padding of the Side Bar are exactly how I want them as it is only a couple pixels on each side. The margins of the Main Content when using this layout are 20px on the left which I set, but the right edge is still has a 45px margin no matter what I do.
When I switch to a Left Side Bar the inner margins/padding of the Side Bar are 20px on the left and 45px which is way different. The margins of the Main Content when using this layout are 45px on both the right and left.
Here is the Quick CSS I have added in for the margins including what you provided above:
.inner_sidebar {margin-left: 5px; margin-right: 5px; padding: 0px;} .sidebar_left .content { margin-right: 0; } .container {padding: 0px 10px;} .boxed .container {margin: 0px 10px;}In the end I would like for the sidebar to have almost no inner margins and for the Main Content to have margins on between 20 to 25px regardless on whether the Side Bar is on the left or right.
Thanks
JonAndy,
Thanks, I got it figured out more or less.The issue was when I would remove the background color behind the buttons on a Full Width Menu transparent. I got it to work fine, but once transparent the Full Width Menu then shows the background color of the Logo/Header area behind the buttons instead of taking on the background color of the section it is are placed in.
Thanks Ismael
I haven’t been able to find it under Appearance>Editor so I assume that means I have to use FTP only?
Found the background colors on line 1116 of layout.css in the theme zip file
Thanks again
JonAndy,
Thanks a bunch I found a patch solution by setting a bunch of rules in Quick CSS like this one@media only screen and (max-width: 1140px) and (min-width: 768px) { .responsive .container { width: 800px; } }The site I am trying to switch to Enfold gets 300,000 monthly views so I want it to be good. I have a few other customizations that are probably along the lines of changing the theme.
Can I submit them here to get suggestions and a possible quote?
http://kriesi.at/contact/customizationIsmael, thanks a ton!
I have been trying to find this piece of code for a while as I swapped out the Skype logo for Tripadvisor manually and wanted to change the hover text also.
It also made it clear that removing this from line 83 will get rid of all hover text on the social icons which was even better for me.
title='".ucfirst($icon['social_icon'])."Two related questions:
1. As we swap out icons, where would I find the code dictating the default hover background color for each icon?
2. I noticed some enfold users have the hover background color as a round shape, others a square, and some have a square with rounded corners. Where would I find this in the code?Thanks again!!!!!
As an alternative method I uploaded more social icons to Enfold and can use them in Icon Lists, ect, but can’t get them to be social icons. I used this code in functions.php but it does not show up under Social Media Profiles afterward
What am I missing?add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_icon($icons) { $icons['tripadvisor'] = array( 'font' =>'sociconregular', 'icon' => '3'); return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['TripAdvisor'] = 'tripadvisor'; return $icons; }Thanks
JonYigit,
That worked perfect but a couple questions1). With your example if of adding the icon/image for TripAdvisor in the place of Skype how can I change the hover text (Image Title Attribute) to say TripAdvisor instead of Skype?
2a). I noticed swamping the icon for an image strips out the hover effects for the previous Skype social icon we are replacing. How can I set the background hover color for the replacement icon/image to #569440 as an example?
2b). As a backup to the hover color is it just easier to have the image switch on hover? Going along with the TripAdvisor example maybe use with on image on hover? http://02e.404.myftpupload.com/wp-content/uploads/2015/01/icon-tripadvisor-4801.pngThanks
JonMy first showcase submission, more to come.
http://www.pinehillsgolf.net/apologizes, I forgot it in the first post
http://c62.aaa.myftpupload.com/menu/@Ajoscha23
I used the plugin TinyMCE Advanced. You download in the plugin area and activate.
Then under Settings > TinyMCE you will be able to drag and drop more options into the toggle bar.
After adding these options you will be able to access all of them while under the Visual Editor (not text/html) inside text blocks.
If you don’t see all of your new options you need to click on the toggle icon to expand it which looks like two horizontal bars with dots on them.
Hope that helps, it took me forever to figure it out even though it is simple.
Jonwith the Glassy Header I did notice a slight bug in the code for the Transparent Header Logo.
Under general settings it lets you have a different version of the logo for a transparent header then the solid or scrolled header.
The issue is it only overlays the normal logo on scroll and doesn’t remove the alternate version. So if you have a alternate logo with a drop shadow, the drop shadow is still visible when the logo “switches”
Example: http://de9.417.myftpupload.com/How far off am I on the Quick CSS code to fix this issue from what I have below? Can’t get it to work
#top .header-scrolled .alternate_logo {opacity: 0.0; }Andy thanks
That was the same code I had except I was missing #header_main in the middle.
It is no longer messing with the width of the of my site, thanks a ton
JonAwesome, thanks a ton Andy!
I was missing “object” in the code when I tried to do it myself.
Still had the really old school thing in my head from when <object> and <iframe> used to be 2 separate element rules
Thanks a again for the quick help
JonYigit,
Thanks worked great. It still restricts the logo in height to 88px.
I assume this is because the theme will not stretch logo outside the menu area and over the top bar?
Is there a way to get the logo to stay anchored where it is but stretch up further on desktop view?
The only way I have found is to make the entire menu/header taller which is not what I have been trying.
Thanks
JonI got this old school coding to work inside the Phone field. Because the button color was the same as the theme color I had to add an image in for the text, but it aligns okay.
(651) 328-6830     <button type=”button” style=”background-color:#52A6D0;height:100;color: white” onclick=”window.open(‘http://02e.404.myftpupload.com/service’, ‘_parent’)”><font size=”5″ face=”open sans”><b>
</b></font></button>Anyone find better button code for the top bar of Enfold?
Also tried to do it but using a .png image for the button and placing it next to the phone with the code below but couldnt figure our how to vertically align the text and image so it looked silly. Ended up making the Phone and the Button both separate .png images and it seems to look okay even in mobile.
Still would really prefer to get the button short code to work to do it way easier
