Hello wise ones!
There is a bar across the top of every page with the name of each page on it.
For example, the bar with “About” on my page: http://naturaintegrativehealth.com/?page_id=1195
How do I change the background of that bar. Specifically, I’d like to make the background an image that’s faded.
Thanks for your insights.
Hi!
I cannot see any images on your Collections page and no, footer cannot be fixed. You should have enough content to keep the footer on the bottom or you can add following code to Quick CSS and adjust it as needed but frankly having more content is a better way
.fixed_header #main {
min-height: 1000px;
}
Justin we have started with centering menu and other questions came in. If your questions are not related with each other, please start new ones. It makes it easier for us and for other users who may have similar questions to follow. So i am going to close this one for now. If you have any other questions or issues, please start a new topic :)
Regards,
Yigit
Hi
I have written before, asking for help but you just gave me a link to a tutorial and closed my topic thread.
Believe me, I have tried for weeks to get it working but cannot. So it seems you dont help for customisations.
If you are not willing to assist can you please put me in touch with a developer who is willing to show me how to link a portfolio masonry display to a page instead of a post, all the while keeping the images in a relatively fixed size grid of 2 rows of 4 images all sized 220 x 146.
You seemed to say in previous thread that it was possible to link to a page but I had to use a css.
I have no skills with css in this regard, and the settings in your video tutorial, do not explain how to configure the right settings for my needs, I dont know which drop down fields to select, let alone know what css has to be added.
My request is really quite simple: I want to create a grid with 2 x rows of 4 small images that stay small and do nothing except link to pages, in the fashion that is displayed in the Portfolio Masonry demo,
Each image should not pop up or expand but when mouse hovers, allow for text to show – as per masonry demo, and then it should provide link to internal pages.
Please look at this url http://www.atuawahine.com/wp/ … it is displaying two methods- at the top I have added a masonry gallery and I added 8 images with links to the required 8 pages. however, two things are badly wrong; the images are getting tiled repeating across page and there is no hover text.
Looking at my above URL, the display below the messed up gallery is just a basic 4 columns with images, which I was able to link it to a page. However, it does not show text on mouse over, either, and when I view this site in a mobile, its hopeless because no one will ever know what the image is there for, nor what it links to. We didnt want to split the gallery up with fixed text blocks, we just want the portfolio masonry demo! Is that not possible?
Thanks
Gillian
-
This topic was modified 12 years, 3 months ago by
Gillianrose.
Hey!
Glad you figured it out! Let us know if you have any other questions or issues
Regards,
Yigit
Hi Weka!
can you post the link to your website?
Cheers!
Yigit
thanks, I was able to move it in the pretty photo java script file.
Hey SAdesignsUnltd!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
a.pp_close { top: -663px; }
if that does not work, please post the link to your website
Cheers!
Yigit
Do you know how to move the close button to the top right of the lightbox? I was able to hide the expand button. Not sure how to move the close button though.
When scrolling a page (example image in link below), the images appear on top of the menu instead of below.
(normal images work fine and stay under the menu, but the embedded flash images appear on top of the menu as it the page is scrolled)
I’m using embedded images (using flash files) linking to PhotoShelter, e.g.
<object width=”300″ height=”220″><param name=”movie” value=”http://www.photoshelter.com/swf/imgWidget.swf” /><param name=”allowFullScreen” value=”true” /><param name=”FlashVars” value=”i=I0000SlF0nw8FtQg&b=1″ /><param name=”allowScriptAccess” value=”always” /><embed width=”300″ height=”220″ type=”application/x-shockwave-flash” src=”http://www.photoshelter.com/swf/imgWidget.swf” allowscriptaccess=”true” flashvars=”i=I0000SlF0nw8FtQg&b=1″ allowfullscreen=”true” /></object>
Any way to make the images appear under the top menu as the page is scrolled and not on top?
Example link: http://www.tiikoni.com/tis/view/?id=1173d08
Thanks
Its a hack to fix something that shouldn’t be happening. If it needs to be fixed within the theme then we would want to find the root and not just give out a bandaid.
My guess at this point however is that it is probably related to the caching plugin set up. Looking at the web page test site you ran, the first one doesn’t have the issue but the second does: http://www.webpagetest.org/result/140102_ZP_481/
Hey David!
You can add following code to Quick CSS in Enfold theme options under Styling tab to remove Sidebar on single product page
#top #main .single-product-main-image .sidebar { display: none; }
Best regards,
Yigit
Hello,
I’m trying to create an alignment of flags and text like this page:
http://www.apple.com/choose-your-country/
Than i used a TEXTBLOCK with the Custom Css Class name: countries
In the textblock i put something like that:
I created a Quick CSS, like that:
.avia_textblock.countries ul li>a {
display:table;
width:126px;
color:#666;
}
.avia_textblock.countries ul li span{
display:table-cell;
width:86px;
vertical-align:middle;
}
.avia_textblock.countries ul li span span{
width:100%;
*display:block;
*position:relative;
*top:-50%;
}
.avia_textblock.countries ul li>a:hover {
color:#08c;
}
But the end result was considerably different. Do you have any suggestions?
Thanks and a happy new year.
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 480px) {
.bottom_nav_header #advanced_menu_toggle {
top: 95px;
}}
Cheers!
Yigit
Top of the New Year to you guys,
I figured this question would be fitting here seeing as though there have been a couple others mentioning Sensei integration.
If you take a look at http://codelessme.com/pt/course/functional-assessment-treatment-scapular-dysfunction/ and hover over the buy course button, it turns it blue. I am trying to apply the same button effect found on the other buttons throughout the site (see sidebar), But cannot locate the hover snippet to make this edit.
A nudge in the right direction would be greatly appreciated.
Thanks guys.
Hi,
I am using the avia Accordian for a FAQ on my site. The tag sorting was working, but now it does not seem to work anymore. Could this have happened during a recent WP upgrade? Is there a way to fix this?
http://www.counterculturecards.com/howtoplay-2
Sorting is set to “active”.
Hi mgerenser!
Please add following code to Quick CSS in Enfold theme options under Styling tab
1)
#top .header_color .main_menu .menu ul li>a:hover {
color: orange;
}
#top .header_color .main_menu .menu ul li>a {
color: black;
}
2)
.main_color a { color: blue; }
Regards,
Yigit
Hi!
1)You may need to adjust values i posted here https://kriesi.at/support/topic/off-centered-menu-ipad/#post-204604 to center it perfectly. Increasing the values will move the menu to left
2)Please add following code to Quick CSS as well
#header_main { margin-bottom: 10px; border-bottom-style: none; }
.fixed_header #main { padding-top: 100px; }
Cheers!
Yigit
This reply has been marked as private.
Hi!
Looks like you are actually still running 2.0.1 on your live site: http://inspiredintermedia.com/wp-content/themes/enfold-new/style.css
Where as the regular enfold theme folder is correctly updated: http://inspiredintermedia.com/wp-content/themes/enfold/style.css
So you would need to switch over to the “enfold” version instead of what you are currently using which is “enfold-new” that you re-named at some point.
Cheers!
Devin
Hi!
Please try adding following code to Quick CSS
@media only screen and (min-width: 1340px) {
.main_menu { right: 22%; }}
@media only screen and (min-width: 1140px) and (max-width: 1339px) {
.main_menu { right: 15%; }}
@media only screen and (min-width: 990px) and (max-width: 1139px) {
.main_menu { right: 9%; }}
@media only screen and (min-width: 786px) and (max-width: 989px) {
.main_menu { right: -7%; }}
and remove right: 30%; from the first the code i posted here https://kriesi.at/support/topic/off-centered-menu-ipad/#post-204517
Cheers!
Yigit
Hey!
1) You should try the solution under “Fonts not loading in Firefox or IE9”
2) You are going to need to modify the custom CSS code depending on the tallest box in that case. CSS code can be applied only on certain screen sizes.If that is what you would like to achieve, you can use something like
@media only screen and (min-width: 767px) and (max-width: 989px) {
.iconbox_top .iconbox_content { min-height: 190px; } }
so it will be applied on screens that are wider than 767px and smaller than 989px. You can adjust it as needed
3) Yes, you should add the code Josue posted there
4) Have you checked your website on another computer? If not, please try it
Regards,
Yigit
Hi caroberto6!
This should fix it though the pricing tables are really intended for that kind of layout so as the theme updates it may not always render as you have it now without some css customization to go along with it:
ul.pricing-table {
vertical-align: top;
}
Cheers!
Devin
Hi again,
Theme is up to date but the problem persists – any other ideas?
Hi!
Please try adding !important to force css codes
.content, .sidebar {
padding-top: 10px!important;
padding-bottom: 10px!important;
}
body .column-top-margin {
margin-top: 10px!important;
}
then flush browser cache and settings of caching plugin if you are using any and refresh your page a few times
Cheers!
Yigit
Hey Giles!
Please add following code to Quick CSS in Enfold theme options under Styling tab
1)
body .column-top-margin {
margin-top: 5px;
}
2)
.av_textblock_section { margin-bottom: 20px; }
3)
.avia_textblock img { margin-left: 30px;
margin-bottom: 30px; }
Best regards,
Yigit
This reply has been marked as private.
Hello!
It is possible but that customization is beyond the scope of the support we can offer. If you really need it try hiring a freelancer for the job or if you prefer request a quote here.
Also, you can request it here: https://kriesi.at/support/topic/enfold-feature-requests/
Cheers!
Josue
Hi charmenoir!
With this theme and in more of the newer premium themes getting released these days there is a lot larger of a learning curve associated with modifying the theme files because of programming is more advanced. Its a trend you will start to see more of as WordPress is purposely trying to push forward and grow into using more modern code.
You should first create a child theme and keep your changes to that child: http://kriesi.at/documentation/enfold/using-a-child-theme/
Then you can create copies of and modify the advanced layout builder elements in your child theme: http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/
For the logo you can use a bit of css to change the size:
#header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 188px !important;
line-height: 188px !important;
max-height: none !important;
}
#top .logo, #top .logo img {
max-width: 100% !important;
}
You’ll want to add that to a desktop only media query if you are using a responsive layout so that it doesn’t effect tablet and mobile views. In the css folder the custom.css file has a sample of a desktop only and mobile only media query you can use.
Cheers!
Devin
Hi!
Please add following code to Quick CSS as well
.main_menu { right: 30%;
top: 42%; }
.main_menu .menu ul { top: 65%; }
then you can increase the font size with following code
.main_menu ul:first-child > li > a { font-size: 16px; }
Regards,
Yigit