Hi!
Nothing that I customize on the Enfold styling page seems to take effect, as the Header Font or the Footer styling. I also want to customize logo size, menu font and size and tried to add code in the Quick CSS, which didn’t work either… Then I tried to add the same coding to the custom.css, but no luck there either.
This is the coding I used:
#top .logo img {
width: 440px;
height: 202px;
}
.main_menu ul:first-child > li > a { font-family: ‘Oswald’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }
.main_menu ul:first-child>li>a {
font-size:24px;
}
Would be very thankful for help. Need this to work as soon as possible.
Here is the website: stocktownproductions.com
Thank you,
Rubie
Hi spitsdesign!
No, unfortunately not without modifying the gallery shortcode file. All available galleries are shown here: http://kriesi.at/themes/enfold/shortcodes/gallery/
Cheers!
Devin
Hey!
For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750
Regards,
Devin
Hi,
I’m running the enfold theme on wordpress 3.7.1.
Each time I enter a html table in a text block (Advanced editor), save and reopen, I get dozens of line breaks in front of the table.
Thank you for your support.
Sven
Hi jasonselwyn!
Can you post the link to your website? We may need a temporary admin login so if you do not mind, please post it here as well.
LayerSlider shortcode does not work on Enfold unless you are using Layer Slider plugin as a standalone plugin.
Cheers!
Yigit
Hi Schloss Klaus!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.header-scrolled .menu-second-line { top: -50px; }
Best regards,
Yigit
Hey!
Following code should do it
@media only screen and (max-width: 1140px) and (min-width: 990px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 32.2%!important; }}
@media only screen and (max-width: 989px) and (min-width: 768px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 31.8%!important; }}
@media only screen and (max-width: 767px) and (min-width: 481px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 30.9%!important; }}
@media only screen and (max-width: 480px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 29.5%!important; }}
Cheers!
Yigit
Almost there Yigit. It worked for pc, but responsive view jumps down to 2 column again.
Hi!
Please try adding the code to Custom.css file inside Enfold/Css folder and if that does not work as well, plese add !important rule to force it as following
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 16.1%!important;
}
Regards,
Yigit
Hi jcsufootball07!
1 & 2- You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top .main_color .avia-button.avia-color-theme-color { color: black;
background-color: transparent;
border: 1px solid black; }
#top .main_color .avia-button.avia-color-theme-color:hover { border-color: red; color: black; }
3- You are going to need to find a plugin to achieve that or hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
Best regards,
Yigit
Hey mgerenser!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.image_size_widget .news-thumb { display: none; }
You can copy loop-index.php file inside includes folder in your child theme and it should remain the same
Best regards,
Yigit
Hey!
It seems like code is not being applied. Please try adding the code to bottom of Style.css file of your child theme in Appearance > Editor
Best regards,
Yigit
Got it all set though now! Thank you very much.
Hi!
You can add following code to Quick CSS to center the title above Google maps widget
.avia_google_maps .widgettitle { text-align: center; }
If this is not what you meant, please post a screenshot and show the changes you would like to make
Best regards,
Yigit
Hey Yigit –
Doesn’t seem that change did anything. I have implemented with/without !important. http://codelessme.com/casey/abstracts/
Hi
Is it possible to make a set of templates – each with different headers – that I can select for Enfold portfolio entries? I need to show different logos in the header for certain portfolio entries. The logo on each of the new templates will have the same dimensions as the main one in use throughout the rest of the site.
I would be able to do that fairly easily with pages however I am not sure how to approach this with the portfolio.
Many thanks in advance.
Chris
Hi!
Please do not use Font tag http://i.imgur.com/F1uyNsR.jpg as it is deprecated. Use following code in Quick CSS in Enfold theme options under Styling tab instead
.sub_menu>ul>li>a { font-size: 20px; }
This way we can provide you custom CSS code to decrease the font size on mobile so your secondary menu will be displayed in the same line
Best regards,
Yigit
Sorry I guess I wasn’t very specific at all. I wanted to center the actual text above that widget. The client I’m working for is a little picky when it comes to text being centered and what not.
Hi DaraEmerson!
You can use following class to style text in widget in Quick CSS section in Enfold theme options under Styling tab
.textwidget { color: red; }
You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
then you can create any of them and copy/paste shortcode into any other content element or into text widget
Regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 480px) {
.responsive .logo img { max-width: 100%!important; }}
Cheers!
Yigit
Hi!
Try updating your theme files to the most recent version available from your downloads on themeforest or via the theme update option in the theme options.
For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750
Also make sure to go into your Theme Options>Styling and re-save the options there after making a small change to re-generate your theme styles.
Best regards,
Devin
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.content { padding-top: 10px; }
@apartedenmark thanks!
Cheers!
Yigit
Hey!
Let us say your logo is 200px in height, you can add following code to Quick CSS in Enfold theme options under Styling tab to increase the height of header and display fullsized logo
.social_header #header_main .container { height: 200px; }
Regards,
Yigit
I’ve also tried increasing memory limit, and using WP_DEBUG and SCRIPT_DEBUG in wp-config.php
Debugging Info for Theme support:
Theme: Enfold
Version: 2.4.5
Installed: enfold
AviaFramework Version: 1.8.5
AviaBuilder Version: 0.4
ML:96m-PU:6-PLA:0
Hey rogersmedia!
They should be double of their default sizes. You can try this plugin http://wordpress.org/plugins/wp-retina-2x/
Regards,
Yigit
Hey!
Please add following code to Quick CSS as well
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 32.3333%;
}
Regards,
Yigit
Hi Coronacom!
Which type of header are you using? Please check in Enfold theme options under Header tab
Regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.avia-tooltip { width: auto; }
Best regards,
Yigit
Hey!
@Sergei sbasibo bolshoe :)
Cheers!
Yigit