Hi All,
I have tackled most of the points above except the offset problem.
On a one pager, it scrolls to about 127px from the top of browser instead of 0px.
I just cant find where this is defined, any help would be greatly appreciated!
Kind regards,
Thomas Borkent
Hey!
Following code should do it
.main_color .avia-color-theme-color-subtle { font-family: 'Montserrat', sans-serif; }
And no, we are just glad to help. We appreciate your kindness :)
Cheers!
Yigit
Awesome, thanks for the quick response Yigit! That fixed it
(I added a little padding to the top to vertically center the logo for mobile..)
Another quick question… I have the slider control arrows hidden in the slideshow (desktop view), but they still show at the bottom of the page on the mobile view – can I hide them there as well (as well as the text indicating ‘slide 1’) ?

Thanks!
Colin
Perfect!
Now I’m just wondering if I an change the font in the button. I’ve already loaded up a google font (Montserrat) which I have defined as the button font in H6 here:
http://www.ericrusselldp.com/wordpress/fonts/
Is there any way I can replace it?
PS. Do you guys accept tips? ;)
Hi,
I am using a logo which is 340×88 in the enfold theme, and it gets cut off in the mobile view (iPhone). Is there some CSS I can use to scale this properly in mobile view, while not having to reduce the size of the logo in the desktop view ? A photo showing desktop and iPhone screenshots is below:

The test site is here.
Thanks,
Colin Goldberg
Everbeta LLC
Hi!
You should choose subtle color in button options to see the changes
.main_color .avia-color-theme-color-subtle {
background-color: transparent;
color: black;
border-color: black;
}
.main_color .avia-color-theme-color-subtle:hover {
background-color: black;
color: white;
border-color: black;
}
Regards,
Yigit
Here is a screenshot of the sites style guide where I’ve defined the buttons. I don’t expect you to show me how to do all the buttons, but if I knew how to do one, obviously I could figure out the rest. Thanks Yigit.
http://www.ericrusselldp.com/wordpress/enfoldsupport/EricRussell_SiteDesign_StyleSheet.jpg
Hi!
Can you show which read more buttons on your website? I could not find it. Also, how you would like to customize it?
Best regards,
Yigit
Sorry, I guess I should have posted the link to my other site: http://ericrussellcommercialarts.com/sitedev/index.html
Worked Perfectly…again. What you saw was a font that is very close to what I’m using, but now I’ve got the specific font and weight set, so thanks again.
http://www.ericrusselldp.com/wordpress/fonts/
As others have said, this theme is great…best one I’ve ever worked with and I appreciate your responsiveness. I’m trying to only ask questions that I can’t find, but is it possible to customize the buttons? I’m looking to replicate the buttons on another site of mine: http://ericrussellcommercialarts.com/sitedev/index.html
Specifically the READ MORE button just below the thumbnails. I’ve already installed the typeface, now I’m just wondering if I can quickly modify the look with some quick css.
Thanks, I think this should be my last question. :)
-
This reply was modified 12 years ago by
erussell.
Hey Richard!
Please try adding following code to Quick CSS
.avia_desktop.csstransforms3d .av-masonry-image-container { background-image: none!important\9; }
.av-fixed-size .av-masonry-image-container img { display: block\9; }
Cheers!
Yigit
Hi!
Please change the code to following one
#top div .widget_shopping_cart .button {
width: 47%;
float: left;
margin-right: 6px;
}
Best regards,
Yigit
Hey kathrynmichaud!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top div .widget_shopping_cart .button {
width: 51%;
float: left;
margin-bottom: 10px;
}
Best regards,
Yigit
Hi DMuzzy!
Actually there is a search function https://kriesi.at/support/?bbp_search=
You can see on the main nav and on top of forums
Best regards,
Yigit
Hey!
You can use following code in Quick CSS field to change them
.av-main-nav > li > a { font-family: 'Open Sans', sans-serif; }
body { font-family: 'Open Sans', sans-serif; }
It seems like you have already changed it – http://i.imgur.com/5nCrPy3.png
Please flush browser cache and refresh your page a few times if you cannot see the changes
Regards,
Yigit
Worked perfect. Thanks again.
One last question…I’ve successfully added both custom and google fonts to the site, however I’m not able to change the font on the main menus as well as the main body type. I’ve seen little snippets about it, but it seems some have been problematic. What would be your recommendation for the best approach to this?
Thanks.
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) {
.responsive #main {
margin-top: -81px;
}
.responsive .mobile_slide_out .logo {
margin-left: 50%;
}}
You may need to adjust the margin left value to center it perfectly
Regards,
Yigit
Hey Keith!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 767px) {
.responsive #header .social_bookmarks {
width: 50%; }
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
padding-top: 0;
}}
Can you elaborate on the image issue?
Best regards,
Yigit
Worked perfectly…thanks. And I figured it may require customizations so thank you for the recommendations.
I’m sure I could eventually find this, but where can I set the responsive parameters so the logo will stay remain centered when it scales down for smartphones?
Thanks again…
Hi erussell!
1- Please add following code to Quick CSS in Enfold theme options under Styling tab
.logo img { padding: 0; }
2- It is possible but would require deeper customization. You are going to need to hire a freelance developer on Envato Studio or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote from WerkPress.
Best regards,
Yigit
Hi eymata!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.page-template-template-blank-php #scroll-top-link { display: none; }
If that does not do it, please post a screenshot of the changes you would like to make so we can make sure that we are on the same page
Best regards,
Yigit
Hey!
Please try adding !important rule to the code as following
.avia_mobile #top .av-parallax-section{z-index: 0 !important;}
and also try adding the code to Custom.css file inside Enfold/Css folder and flush browser cache on your mobile device after applying the code
Cheers!
Yigit
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) {
.responsive #header .social_bookmarks {
top: -15px;
}}
You may need to adjust the value
Cheers!
Yigit
This reply has been marked as private.
Is it possible to “deactivate” a main menu item so that it is not clickable? For example, please see http://www.acunyc.com. I do not want the “About Us” link, at the top of the page, to be be clickable. I want the text “About Us” to display, but I do not want it clickable. I only want the sub-categories under “About Us” clickable.
Is this possible to do?
Thank you,
Dan
This is a technical question, a design issue and possibly a feature request.
Please reference this page –
http://www.prismcareernetworks.com/prism_wordpress/candidates/
First, the technical question. Is there any way to have a “play” button similar to a video so that the user can start the slider? If you look at my design the intent is for them to read the text at the top, then scroll down to view the slider. Although I out a twenty second delay on the slider, everyone reads at a different pace, so when they take a little longer the slider has already started. If there isn’t the ability to have a start button, is there any other design feature that could be inserted to start the slider when a button is pressed?
The design issue is, being new to Enfold and “flat design” I’m not sure if it’s possible in general, but I don’t want content to appear until the viewer is at that point. I LOVE the features of the LayerSlider in making content more dynamic and holding the viewer’s interest, but endless loops don’t solve the problem. To me, there always has to be a logical progression of the content of the slider. Throughout my many years of building websites they have always been menu and resulting page driven. If the LayerSlider were on a different page, then it would be easy to have a link on the previous page, but this flies in the face of “flat design”.
Hey Kayzel!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 10%;
}
Regards,
Yigit
Hi there,
I’d like to add custom title and link at the top of my single product page but can’t find where to add my lines.
To be more precise, i’d like the page to organise like this :
– Back to catalog page link
– Product title
– Category name
– Page content
– Every products from the same category
Anyone can help me please ?
-
This topic was modified 12 years ago by
ey3.
Thanks, it’s working now!