Anonymous
This reply has been marked as private.
Hi!
The alternate_color h1 is set to 32px in size while the theme default font title is set to 16px. Since it isn’t an h1 on that page, it doesn’t inherit that specific font size like the other pages.
Best regards,
Devin
Hi there! I’m finishing off a website and there are four things left to improve before the site is ready, I’d be really grateful for some advice on the following please…
In reference to Wiser Property: http://wiserproperty.com/
1. I’d like to make all H1 and H2 headings shrink to respond to tablets and smartphones – as currently the titles appear really large on smaller screens. Any idea what CSS I would require for this please?
2. On the “Sell Your Home” and “PIG (Plymouth Investment Group)” sections, I have made the font size larger. As a result, the bottom of some words are cut off, notably the g and y’s. What CSS would be required so they wouldn’t be cut off?
The next too aren’t really important, but if it’s a quick fix, then great!…
3. At the bottom of the “PIG” section I’ve included a Google Map. Up until recently, landmarks were listed, and were clickable – so – a hotel near the pin could be clicked which would bring up an info box, which in turn could turn the whole map into Street View. Is there an option I’ve missed, or has this functionality been removed from the Google Maps integration?
4. Is there any way to remove the tooltips that appear when you hover over images, without needing to remove the alt text?
Thanks a lot for your help, it’s really appreciated! :-)
Andreas
Hey Daryl!
All the links on your website directs me to “rechtliches” page. You can add following code to Quick CSS in Enfold theme options under General Styling tab and adjust the value to change the font size of single post titles
.single-post h1.post-title.entry-title {
font-size: 30px;
}
Cheers!
Yigit
AnonymousInactive
Hi,
If I click one post out of my newsblog and get to the single blog post page the title font size is very small.
Every other title font size is correct, only the single blog post titles diferr.
Can you take a look and give some advice?
Thanks
Daryl
Hi bzblocksmith!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.phone-info span { font-size: 18px; }
Cheers!
Yigit
Hi,
I would like to have a bigger phone number in my site and I am unable to find a way to choose the font size of the top bar.
Currently it is very small and it does not tracks my client’s attention.
can you please advise where and how I can use a bigger phone number.
Hey!
Try adding this code to the Quick CSS:
/* Title color */
.maa_team_member .team-member-name {
color: white;
}
/* Description font size */
.maa_team_member .team-member-job-title {
font-size: 16px;
line-height: 22px;
}
Cheers!
Josue
Hey!
Try adding this code to the Quick CSS, that will align the icons and increase its size.
#footer .av-icon-char {
min-width: 25px;
display: inline-block;
font-size: 26px !important;
}
Cheers!
Josue
Hi!
You can use the same selector as following
div .main_color .tabcontainer .active_tab { font-size: 16px; }
Cheers!
Yigit
Thanks, and the font size? i am sorry, I am not yet a specialit on CSS
Hey Gurify!
Thank you for using the theme!
Please try to add this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) {
.avia-layerslider .avia-button.avia-size-large {
padding: 7px 15px 6px;
font-size: 10px;
min-width: 50px;
}
}
Cheers!
Ismael
I have already enabled custom CSS class for all avia members.
Now would like to set font colors for team member job title to white for some of the team members and control font size with custom css.
Thank you. Done it. Very useful.
Another question about tabs – could you provide me with some css to change the font colour and size of the Tab Title. I can see no way of doing it in the settings.
Thanks,
Jette
Hey batesunited!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
h3.av-special-heading-tag {
font-size: 22px!important;
}}
Cheers!
Yigit
I have made some changes in advanced styling – like font color & size, link color overlay and block quotes but cannot change them back – nothing seems to work. Can anybody help here please. I am not very technical so need simple help thanks
Hi!
Thank you for the update.
I don’t know if this is going to help but the two pages Privacy Matters and Security Matters is not set up with the same layout. The title or text block “Privacy Matters” is inside the a column layout while the title “Security Matters” is not. There is also an inline style on both title but they’re not the same. This is for the Privacy Matters page:
<p style="text-align: left; font-size: 50px; color: #adadad; font-weight: 600;">Privacy Matters</p>
This is for the Security Matters page:
<p style="text-align: left; font-size: 50px; color: #adadad; font-weight: 600; line-height: 120%;">Security Matters</p>
The difference is the line-height property. My point here is, there’s nothing wrong with the hr element but the way you set up the page.
Regards,
Ismael
Hey!
Thank you for the update.
I think adding a color section on the header will break the layout of the site. Please try to edit helper-main-menu.php, find this code on line 141:
<!-- end container_wrap-->
At the bottom, add this:
<div class="header_bottom">Draw Outside The Lines</div>
Edit Quick CSS then add this css code:
div.header_bottom {
background: #dc2d68;
display: block;
width: 100%;
height: 30px;
z-index: 1000;
position: relative;
text-align: center;
padding-top: 5px;
color: white;
text-transform: uppercase;
font-size: 20px;
}
Regards,
Ismael
Add the following properties accordingly:
1.
#text-3 .avia-button .avia_iconbox_title {
color: white;
font-size: 11px !important;
font-weight: bold; /* added this */
}
2.
#text-3 .avia_button_icon {
padding: 5px 10px;
color: white;
background: #c3512f;
margin: 0 3px;
border-radius: 2px;
font-size: 18px; /* added this */
}
Cheers!
Josue
Try with this:
#text-3 .avia-button-center {
text-align: left;
}
#text-3 {
margin-top: -20px !important;
}
#text-3 .avia-button {
background: transparent;
border: 0;
padding: 0 !important;
}
#text-3 .avia-button .avia_iconbox_title{
color: white;
font-size: 11px !important;
}
#text-3 .avia_button_icon{
padding: 5px 10px;
color: white;
background: gray;
margin: 0 3px;
border-radius: 2px;
}
Regards,
Josue
Hey!
You can change the code to following one
.page-id-1167 .widget_nav_menu .nested_nav:before {
content: 'title here';
font-size: 18px;
color: red;
}
and change page id for each page. You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg
Cheers!
Yigit
Hi remvis!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#top .widget_nav_menu .nested_nav:before {
content: 'title here';
font-size: 18px;
color: red;
}
if this is not what you meant, please post a screenshot and show the changes you would like to make
Best regards,
Yigit
Hi,
I am embedding an iframe on my website, but the iframe does not dynamically resize when viewed on mobile displays. Have tried the method of changing the width parameter in the iframe to 100% but it still doesn’t work.
Is there some code in the theme that is preventing the responsive change? Anyone able to help?
<div style=”width:100%; text-align:left;” ><iframe src=”www.example.com” frameborder=”0″ height=”1000″ width=”100%” vspace=”0″ hspace=”0″ marginheight=”5″ marginwidth=”5″ scrolling=”auto” allowtransparency=”true”></iframe>
<div style=”font-family:Helvetica, Arial; font-size:10px; padding:5px 0 5px; margin:2px; width:100%; text-align:left;” >Sell Tickets <span style=”color:#ddd;”>through</span> Eventbrite</div>
</div>
Hi atakoglu!
No, changing the style of the masonry entries or adding new gap options is not easily possible. It’s doable but it would require some theme code customization done by a skilled developer/freelancer.
If you want to change the title font attributes use this css code:
.av-masonry-entry .av-masonry-entry-title {
font-size: 13px;
}
and for the content below the title:
.av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content{
font-size: 13px;
}
Obviously the font-size code is just an example and you can add any css/font attribute to the code. If you want to change the breadcrumb color use:
.main_color .av-masonry {
background-color: #ebebeb;
}
and change the color value. You can place the css code into the child theme style.css file or into the quick css field.
Best regards,
Peter
This reply has been marked as private.
Hi miovision!
Thank you for using the theme!
Please add this on Quick CSS or custom.css to change the portfolio title:
.main_color .grid-entry-title {
color: red;
font-size: 20px;
font-weight: bold;
}
Use this for the excerpt:
.grid-entry-excerpt {
color: blue;
font-size: 15px;
font-style: normal;
}
Cheers!
Ismael
1. How do I change the <h2> font so it does not default to ALL CAPS? I would just like it to be Title Case. Id’ also like to make it orange. What is the best way to do that?
2. I would like to increase the font size of the top navigation. Best method for that?
Thanks,
Deb
Hi!
Try with this code:
<div style="overflow: hidden; background-color: #e3f1f6; border-radius: 15px; padding: 25px; min-height: auto;">
[av_two_third first]<strong><span style="font-size: 18px; color: #444444;">#1 Восстановление поврежденных частей автомобиля используя его целые куски, взятые с фотографии противоположной стороны</span></strong>
<p style="font-size: 15px;">Данный метод мошенничества используется для сокрытия больших и средних повреждений автомобиля.</p>
[/av_two_third][av_one_third][av_gallery ids='9062,9063,9069' style='thumbnails' preview_size='portfolio' crop_big_preview_thumbnail='avia-gallery-big-crop-thumb' thumb_size='thumbnail' columns='4' imagelink='lightbox' lazyload='avia_lazyload'][/av_one_third]
</div>
Regards,
Josue
Not too sure what you mean by needing me to remove the inline styling in my LS Layer options.
I removed the styling from the code
<div id="oshead" style="line-height: 110%; font-weight: bold; font-size: 75px; color: #ffffff; text-align: center;">PROTECT <span style="color: #ff6600;">YOURSELF</span></div>
and made it simply:
<div id="oshead">PROTECT <span style="color: #ff6600;">YOURSELF</span></div>
This just caused the text to a lot smaller and not formatted properly.
If LS is meaning layerslider, I do not use it.
Hopefully this makes sense to you, I’ve tried to add the code you provided to style.css of the child theme, it doesn’t seem to work.
I understand what your code has done, making the text size change from 80 to 42 on mobile, which should solve the issue, but I’m not sure why it’s not working at all for me.
-
This reply was modified 11 years, 9 months ago by
DaveL77.