Hi,
how can I change the font size of single text elements, e.g. headings, main text, side bar headings and text?
Cheers,
Gee Are
Hey Morticka!
Thank you for using our theme.
Put the following in custom.css or Enfold->Styles->Quick-CSS field and adjust the value:
input[type="submit"]{
font-size: 16px;
}
Cheers!
Günter
Hi guys,
How do I enlarge the fonts on the post comment button and the contact form buttons? I’ve researched and tested several options from this forum, but none of them worked on those buttons.
Sincerely,
Morticka
Hey!
You can use the .single-post class if you want to change the styling of posts only – use it like:
#top.single-post .fullsize .template-blog .post-title { font-family: georgia; }
#top.single-post .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; }
Cheers!
Peter
Hi nnn666nnn!
Thank you for using our theme.
In Enfold->Styling->Quick-CSS field put the following and adjust the value:
.current-menu-item a, .page_item a{
font-size: 16px !important;
}
The second question: No, this cannot be done with pure CSS.
Best regards,
Günter
Hello,
1) I would like to change the body font
For the moment :
body {font-family: ‘Open Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
By using the font Georgia, I wouldlike to do it for all the pages of the website.
2) I would like also to change the H4 style
font-size: 18px; in 14px and
no
How can I do this ?
-
This topic was modified 11 years, 8 months ago by
tccompany.
Hello,
How do I get a bulleted list I inserted to have the same format and font as the rest of my website? Right now the list has a different font style, size, and the line spacing is different between items than the rest of the page.
http://shopping.maximfactory.com/store-listing/
The light box function is not working for the pictures. Any suggestions? Thanks!
These are the current changes I have made, I did remove all of them and then tried to see if the lightbox feature would work and it didn’t.
.image-overlay { display: none !important; }
.js_active .grid-image {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.js_active .grid-image:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
.grid-entry .inner-entry { margin-right: 0; box-shadow: none; }
@media only screen and (min-width: 768px) {
div#js_sort_items {
width: 90%;
margin: auto;
}}
#top .isotope-item {
padding-right: 10px;
padding-bottom: 10px;
}
div#header_meta [data-av_icon]:before, div#header_meta .phone-info {
font-size: 18px !important;
}
.your-custom-class.avia_textblock { background-color: rgba(0,0,0,0.6); padding: 10px; }
Hi!
Please add following code to Quick CSS
#top .fullsize .template-blog .post-title { font-family: georgia; }
#top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; }
If you would like to expand it even further, please add following code to Quick CSS as well
#top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }
Best regards,
Yigit
Hi!
Please add following code to Quick CSS as well
.entry-content-header { font-family: georgia; font-size: 18px; }
if that does not work, please post the link to your website
Regards,
Yigit
Hi netchoice!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.single-post .entry-content {
font-family: georgia;
font-size: 18px;
}
Best regards,
Yigit
How do I make it so that I use a certain font and font size for ONLY text when showing a single post?
Ie I want to use Georgia, 18px and 17em
Thanks.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.slideshow_caption h1 { font-size: 20px; }}
Regards,
Yigit
What I aim for is to get a new image and a bigger square.
A jpg image like the shopping bag in this url.
http://realityworld.dk/butik/
This version have the following ekstra CSS:
.cart_dropdown_link span {
font-size: 32px;
}
.cart_dropdown_link{
background: #A69171 !important;
color: white !important;
}
.cart_dropdown { height: 400px; width: 100px; }
.cart_dropdown_first .cart_dropdown_link { line-height: 396px; }
.cart_dropdown {
overflow: hidden;
}
Hi team,
I increased the font size for the full width slider headline and added a break between my two textlines (“Es geht um Gefühle. Wieder einmal.”). When I go on the website on my smartphone, the text would not be resized by the theme:
http://ernestdichter.de/willkommen/
Can you please help?
Thanks and cheers,
Jan :)
Hi,
Firstly I want to thank Kriesi’s team for being always so efficient !
I have two questions about the header menu design :
– Is it possible to have the size of the font used in the menu bigger or smaller, and how ? ( assuming that I’m not a coder at all ^^ )
– There’s an option for the menu where you can have the logo on the left with the menu below, it creates separations between the different sections of the menu.
I would like to know if it’s possible to have the same thing ( with the separations ) but with the logo on the left and menu on the right,
and how ?
In advance, a big “thank you” for your help on that.
I like this implementation, and after implementing it we have one issue:
We have multiple links say for a singup form page in the url, and we get 1of5 for example in pp nav. within the modal window (iframe)
other than hiding this using css
div.pp_default .pp_nav {
display: none;
}
Is there a more elegant way to stop the navigation? Since the link that the button modal refers to is the same each frame of the gallery in this case. Or do you have another suggestion on how I can assign a pop-up modal window for a form page perhaps. And have link buttons on the same page that go to the link. ie cooking class one – (signup button) cooking-class two (signup-button) etc..
This is what I am using:
[av_button label='sign up' link='manually,http:XXX/gabrisa/cooking-classes-positano-signup/?iframe=true&name=signup1&width=600px' link_target='' color='black' custom_bg='#444444' custom_font='#ffffff' size='small' position='right' icon_select='no' icon='ue800' font='entypo-fontello' custom_class='']
How can I make it so that each of the 5 buttons on a page does not trigger a gallery style counter in the iframe. The links are all the same so this is not ideal.
Cheers
Hi connect4consulting!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
1-
@media only screen and (max-width: 480px) {
h1.logo a { font-size: 20px; }}
2-
div#header_main { border: none!important; }
3-
.home div#av_section_1 { height: 88px; min-height: 88px; }
Best regards,
Yigit
Hi George!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.title_container .breadcrumb { font-size: 16px; }
h3.widgettitle { font-size: 16px; }
Best regards,
Yigit
Hi Yigit,
THANKS, I know this section. But:
This is not for “recent entries”. Or?
Where I can have bigger font size für
– recent entries,
– breadcrumps?
All in css in base.css?
Thanks for your help,
George
Hi Yigit!
First off, thank you so much for your patience and help in resolving this issue. This is what I have ended up doing to get the button to display perfectly in all screens:
@media only screen and (max-width: 989px) and (min-width: 768px) {
.avia-button.avia-size-large {
padding: 10px 10px 10px;
font-size: 10px;
min-width: 104px;}
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.home_button .avia-button { min-width: 105px; }}
@media only screen and (min-width: 990px) {
.avia-button.avia-size-large { min-width:140px;}}
@media only screen and (min-width: 1140px) {
.avia-button.avia-size-large { min-width:155px;}}
Do you think this is efficient coding? Can this be made more efficient at al?
Kind Regards
Arran
Hi!
Try adjusting the top value to something like 15px:
.sub_menu{
float:left;
z-index: 2;
font-size: 11px;
line-height: 30px;
position: relative;
top: 15px;
}
Best regards,
Josue
Laba diena Renata! :)
Please add following code to Quick CSS in Enfold theme options under General Styling tab
1-
.html_header_transparency .sidebar {
padding-top: 100px;
}
2-
h4.entry-title.summary {
font-size: 14px;
}
ol.hfeed.vcalendar {
margin-left: 0;
}
3-
.text-sep-date, .comment-container, .text-sep-comment, .blog-categories, .text-sep-cat, .blog-author { display: none !important; }
Changing blog layout allows you to change your blog overview page using Advanced Layout Builder. It is not possible to use ALB ( technically it is, but we do not recommend or support it ).
4- Please flush permalink settings in Settings > Permalinks
Regards,
Yigit
Moin,
auf die Gefahr hin, es übersehen zu haben:
Ich liebe Enfold und nutze es gern.
Schrift zu klein, den Weg für den BODY schon Dank Forum gefunden.
Da bleibt aber einiges über mit zu kleiner Schrift, wie in der Überschrift gefragt (Teile der Sidebar, Letzte Beiträge, Breadcrump etc).
Wie/Wo kann ich die anderen Font-Sizes ändern, so daß ich nix zerstöre, wie responsive etc?
DANKE schon jetzt für Euren Tipp,
LG Georg
Hey Dave!
Please add following code to Quick CSS
1-
p.return-to-shop a {
background: red!important;
color: black!important;
font-size: 16px!important;
}
2-
a.button.wc-forward {
background: red!important;
color: orange!important;
font-size: 14px;
}
Regards,
Yigit
Hey!
Use the following and adjust the value:
.product .price{
font-size: 15px;
}
.cart_dropdown_link span{
font-size: 25px;
}
Best regards,
Günter
Hi team
I have an issue with when I switch from landscape to portrait view with the headings above by small images. Because two of the headings are quite long, they move to sit on two lines, which pushes the image down, in turn pushing the button down. It looks bad.
Do you have any ideas on how I could keep this area equal, other than changing the heading text to say something else?
http://www.nzbarrister.com/Melanie/
The culprit is “Relationship Property” and Employment Law” in ipad Portrait view.
Thank you for your help.
Regards
Arran
Try changing that code to:
body, p{
font-size: 15px ;
}
Regards,
Josue
Just one more question. I enlarged the size of the text in the main content too by using
body {
font-size: 15px;
}
But on this page (using the blog -element) the size of the font is not enlarged. Do I need to specify this for each element i’m using?
http://www.studiogranaatappel.nl/wp/blog/
Hi!
Try with this:
span.avia-menu-text {
font-size: 15px;
}
Cheers!
Josue