Hi crealities!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.widget_recent_entries li a { font-style: normal;
font-size: 16px; }
Cheers!
Yigit
I am trying to change the Font-Size in the Latest News widget in the footer of my Enfold themed WordPress install, but am coming up unsuccessful. I would like to increase the size of the blog post titles within this widget and remove the italic styling to it as well.
I have searched the forum and the only thing I can find is this, but when I add it to my install it does not work.
.newsbox .news-headline {
font-size: 16px;
}
Hi!
It is possible, but you are going to need to hire a freelance developer on Microlancer or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
Cheers!
Yigit
Hi!
I did it!
One more question, not urgent. The small fixed header becomes smaller while scrolling down. I like it. Can I do the same with this type of the header?
Thanx!
Hi!
Please try flushing browser cache and refresh your page a few times.
Please also add following code to Quick CSS
#top .ls-nav-prev, #top .ls-nav-next { z-index: 300; }
so slider navigation buttons will be under header when scrolled down
EDIT: Forgot to attach screenshot http://i.imgur.com/DgAnxtN.jpg
Cheers!
Yigit
-
This reply was modified 12 years ago by
Yigit.
This reply has been marked as private.
Hey!
It looks great :)
Do you mind creating a temporary admin login and posting it here privately so we can take a look why code is not being applied?
Regards,
Yigit
Hi Yigit!
That is what I’ve got
.social_header .phone-info {
float: right; padding-top: 40px; color: red; }
.social_header .phone-info { font-size: 20px; }
#top .social_bookmarks li a { font-size: 18px; color: red; }
Just added color: red; inside (hope it is ok, at least it works. Kind of being proud of myself, never studied html or css :-) )
Hi!
Have you flushed browsers cache after applying the code? If not, please do so.
There may be a punctuation error in your custom CSS code in Quick CSS and that could stop code from applying. Please try adding the code to top of the Quick CSS and check if it works then.
Regards,
Yigit
Thank you!
2 – works
1 – not… Is there importance to the order of commands in quick CSS?
Thanks!
Hi!
Please add following code to Quick CSS as well and adjust as needed
1-
.social_header .phone-info.with_nav span { color: red; }
2-
#header { position: fixed; }
#main { padding-top: 156px; }
Best regards,
Yigit
Amazing, it works!
Thank you Yigit!
And now 2 more questions:
1. Can I change also the color of the phone number\social icons?
2. Can I use the 5-th option of header (with menu below the logo), but have it fixed?
/thanx!
Hi derek62!
Which heading element exactly? You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
h2 { font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 24px; }
it will be applied on H2 tagged elements globally
Best regards,
Yigit
Hi Tanya2105!
Please add following code to Quick CSS as well and adjust as needed
.social_header .phone-info { font-size: 20px; }
#top .social_bookmarks li a { font-size: 18px; }
Best regards,
Yigit
Hello Dude your link : http://www.screenr.com/MpBN is broken
Nevermind, this work:
/* LIEN ACTIF */
.header_color .main_menu ul:first-child > li.current-menu-item > a {color: #111211 !important;}
/* LIEN NORMAL */
.header_color .main_menu ul:first-child > li > a {
font-family: 'DINNextLTProLightCondensed', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
text-transform:uppercase;
color: #808080 !important;
}
/* LIEN HOVER */
.header_color .main_menu ul:first-child > li > a:hover {color: #111211 !important;}
I’d like to use Georgia (a body text font) as a heading font but size 24px. How can I do this?
Thanks
Derek
Hi!
Please add following code to Quick CSS as well
.active_tab_content .tab_inner_content { color: red; }
Regards,
Yigit
Hey rosiefuture!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
blockquote { font-size: 26px; }
Regards,
Yigit
The last tip was very helpfull to change font size in tabs. Do you also have such a helpfull tip to change font color within tabs?
Hey Rupert!
This will do it:
.tab_titles div {
font-size: 16px !important;
}
Regards,
Josue
I’m using tabs on a couple of pages http://www.test.theimplantcentre.com/?page_id=75 & http://www.test.theimplantcentre.com/?portfolio=barbara and in both the headings would benefit from being larger. Is it possible to have a snippet of code that enables me to play around with the size of the font?
Many thanks
Hi!
The easier solution would be reduce the text length or number of elements in those menus.
To change the elements you mentioned:
.blog .main-title.entry-title a {
font-size: 24px !important;
}
.breadcrumb-trail .breadcrumb-title {
font-size: 14px !important;
}
Best regards,
Josue
Hey!
Try adding this code to the Quick CSS:
.iconlist_title {
font-size: 14px !important;
}
Modify as needed.
Cheers!
Josue
Is there a setting that can change the size of the font for the “Title” in the icon list shortcode?
Hey Andrea!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .social_bookmarks li a { font-size: 18px; }
Best regards,
Yigit
Hi!
Add this on Quick CSS or custom.css:
.caption_framed .slideshow_caption .avia-caption-title {
background: rgba(0, 0, 0, .8);
width: 100%;
}
.avia-fullscreen-slider .caption_container {
height: 100%;
width: 100%;
}
Use this for the button:
body div .avia-slideshow-button {
font-size: 20px;
}
Regards,
Ismael
Hi D5WDesignGroup!
Which headings are you trying to change? You can use Media Queries to target a certain screen size.
@media only screen and (max-width: 767px) {
h2 {
font-size: 12px;
}
}
Regards,
Ismael
Thanks so much! The font size increase worked perfectly. But I don’t think I described my other point well enough. I’d like the transparent box under the caption text to extend to 100% of the width of the screen. The opacity level is fine as it is. Thank you!