-
Search Results
-
Hi there
I modified the H2 size and H3 size by using Advanced Styling. It is fine.
But it affects the widget-titles (headlines) in the sidebar. How do I avoid this?
I want to apply my changes only for content in posts or pages.
I don’t know how to use codes only Quick CSS.
ThanksHello
Great theme by the way.
For some reason when I try to add a masonary gallery to a page and select settings:
Image number 12
Perfect Grid
1 Pixel Gap
Overlay deactivated
Display Caption
Link to custom linkThe gallery does not display. Well it does but it only displays one picture in the row to the left and leaves space for the other images but they do not appear. I have the same gallery set up on my homepage and it works fine. The only difference I can think of is I have applied 2 custom styles to this page id…Font size and line spacing. The galley does display if you don’t want captions or titles.
Here is a link to the page http://www.neilsonreeves.co.uk/about/
As I said check out home page gallery as this is what I am trying to achieve.
Thank you in advance for your help and for designing such a great wordpress theme
Best regards from Manchester England
ColinTopic: Child theme issue and other
Hi,
I’m currently testing the theme on: http://enfold.atera.com/ – I loaded it is a Child Theme, and I loaded as demo the business version.1. Can you please tell me why I have duplicates in the header?
2. Why is the pricing table headline background is colored in black?
3. Why in the “get in touch” strip not spreading through the whole width? (btw, sometimes the footer also does spread through the entire width, but now it’s ok)
4. How do I remove the powered by Enfold Child WordPress Theme – I tried searching in footer.php but didn’t find it.
5. How do I change the content font size..? I found how to change the font itself, but how can I change the size?Thanks !
Eran
Hi #Teamkriesi,
I need to specify my slideshow caption title on this page: http://www.cjff.dk to be framed.
I tried this
@media only screen and (max-width: 480px) {
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title,
.avia-caption .avia-caption-content p, .avia-caption .avia-caption-title
{
background: #000;
filter: alpha(opacity = 80);
background: rgba(0, 0, 0, 0.5);
}
.responsive #top .slideshow_caption .avia-caption-content {
font-size: 11px !important;
/*background-color: rgba(0,0,0,0.55);*/
}}
or variations of that but it doesn’t work.
the font size works fine.
can you help? thanks
nTopic: Woocommerce germanized
Hi
I´m looking for a small shop solution with the plugin “woocommerce germanized”.
For a other website I found a solution with your help. (https://kriesi.at/support/topic/woocommerce-germanized/)At the new website there are more css-bugs with the tax-info, shipping-costs-info and the price.price-unit.
With try&error (I´m not a coder) I found the follow solution:
/* product archiv category – richtige Darstellung der MwSt, Versandkosten, Einheitspreis bei WC germanized */
.tax-info {
padding-left: 15px !important;
}.shipping-costs-info {
padding-left: 15px !important;
margin-top: -5px !important;
}.price.price-unit.smaller {
display: none !important;
}/* single product page – richtige Darstellung MwSt., Versandkosten, Preis und Einheitspreis bei WC germanized */
body#top.single.single-product .tax-info {
padding-left: 0px !important;
}body#top.single.single-product .price.price-unit.smaller {
display:inline-flex !important ;
}body#top.single.single-product .unit {
margin-left: 0px !important;
}It looks good but I like some little more changes with your help please:
I didn´t found a solution for this “bugs”.1. The font-size from the price.price-unit should be a little bit smaller and not bold, maybe 9px.
2. The price.price-unit should displayed as follow: (26€/1kg)
3. The price.price-unit should not displayed at the cross-selling products on footer from the single product page.
4. The tax-info at the cross-selling product on footer from the single product page should be an the right place (padding-left: 15px).Thank you very much for your help upfront.
cheers
Dieter
Topic: Woocommerce germanized
Hi
I´m looking for a small shop solution with the plugin “woocommerce germanized”.
For a other website I found a solution with your help. (https://kriesi.at/support/topic/woocommerce-germanized/)At the new website there are more css-bugs with the tax-info, shipping-costs-info and the price.price-unit.
With try&error (I´m not a coder) I found the follow solution:
/* product archiv category – richtige Darstellung der MwSt, Versandkosten, Einheitspreis bei WC germanized */
.tax-info {
padding-left: 15px !important;
}.shipping-costs-info {
padding-left: 15px !important;
margin-top: -5px !important;
}.price.price-unit.smaller {
display: none !important;
}/* single product page – richtige Darstellung MwSt., Versandkosten, Preis und Einheitspreis bei WC germanized */
body#top.single.single-product .tax-info {
padding-left: 0px !important;
}body#top.single.single-product .price.price-unit.smaller {
display:inline-flex !important ;
}body#top.single.single-product .unit {
margin-left: 0px !important;
}It looks good but I like some little more changes with your help please:
I didn´t found a solution for this “changes”.1. The font-size from the price.price-unit should be a little bit smaller and not bold, maybe 9px.
2. The price.price-unit should displayed as follow: (26€/1kg)
3. The price.price-unit should not displayed at the cross-selling products on footer from the single product page.
4. The tax-info at the cross-selling product on footer from the single product page should be an the right place (padding-left: 15px).Thank you very much for your help upfront.
cheers
Dieter
PS: Just now I saw, that the price.price-unit is displayed on the site with firefox and chrome, but not with safari.
5. What can I do that it is displayed on safari too.
Thanks…
Topic: font-size not respond
Hey,
I would like to make the font-size (now 19px) smaller for tablet and mobile phone, but will not respond at this code:
@media only screen and (max-width: 767px) {
.page-id-362 #av_section_1 .avia_textblock {
font-size: 15px !important;
}
)I need a little help…thanks!
Hello again,
I added some lines of quick css to change the optics of my contact form on my .home page. Problem is that these settings apply on every page now.
I use the following quick css:
#top div .av-dark-form .input-text, #top div .av-dark-form input[type=”text”], #top div .av-dark-form input[type=”input”], #top div .av-dark-form input[type=”password”], #top div .av-dark-form input[type=”email”], #top div .av-dark-form input[type=”number”], #top div .av-dark-form input[type=”url”], #top div .av-dark-form input[type=”tel”], #top div .av-dark-form input[type=”search”], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
border-width: 1px !important;
}#top .main_color .input-text, #top .main_color input[type=’text’], #top .main_color input[type=’input’], #top .main_color input[type=’password’], #top .main_color input[type=’email’], #top .main_color input[type=’number’], #top .main_color input[type=’url’], #top .main_color input[type=’tel’], #top .main_color input[type=’search’], #top .main_color textarea, #top .main_color select { border-color: #ffffff !important; }
label .required { color: #ffffff !important; }
.avia_ajax_form input, .avia_ajax_form textarea { color: #ffffff !important; }#top label {
font-size: 20px !important;
color: #ffffff !important;
}.avia_ajax_form .button {
font-size: 20px !important;
color: #ffffff !important;
}The contact form on the other page lies upon a white background and these settings cause it to be invisible, so I just need to change the color.
Is there any way to make these settings “home-only”? Or apply them to just a certain form?
Thanks guys.
i have tab module inside color section, however the “inactive tab title” is having color leak from the color section, does it have conflict with my custom css?
.js_active .tab {
font-size: 16px;
}.js_active .active_tab {
font-weight: bold;
}#top .social_bookmarks li a { font-size: 18px; }
.avia-slideshow-inner .avia-caption {
bottom: 5px;
left: 5px;
}h2.avia-caption-title {
font-size: 14px!important;
font-weight: bold;
}
div.avia-caption-content {
font-size: 15px!important;
font-weight: bold;
}.avia-caption .avia-caption-title {
background: rgba(255,0,0,0.3);
font-family: Helvetica;
text-transform: none!important;
}.avia-caption .avia-caption-content p {
background: rgba(255,0,0,0.3);
font-family: Calibri;
}div .slideshow_caption h2 {
text-transform: none!important;
font-size: 24px!important;
}.avia_message_box_content {
text-transform: none;
font-weight:normal;
}.pricing-table li.avia-pricing-row {
font-size: 55px
}.iconbox_left .iconbox_icon { font-size: 30px!important;}
.iconbox .iconbox_content .iconbox_content_title { margin: 15px 5px 15px 0px; }/** CUSTOM **/
.iconboxtitle {
font-weight:bold;
font-size:20px;
}i have tab module inside color section, however the “inactive tab title” is having color leak from the color section, does it have conflict with my custom css?
.js_active .tab { font-size: 16px; } .js_active .active_tab { font-weight: bold; } #top .social_bookmarks li a { font-size: 18px; } .avia-slideshow-inner .avia-caption { bottom: 5px; left: 5px; } h2.avia-caption-title { font-size: 14px!important; font-weight: bold; } div.avia-caption-content { font-size: 15px!important; font-weight: bold; } .avia-caption .avia-caption-title { background: rgba(255,0,0,0.3); font-family: Helvetica; text-transform: none!important; } .avia-caption .avia-caption-content p { background: rgba(255,0,0,0.3); font-family: Calibri; } div .slideshow_caption h2 { text-transform: none!important; font-size: 24px!important; } .avia_message_box_content { text-transform: none; font-weight:normal; } .pricing-table li.avia-pricing-row { font-size: 55px } .iconbox_left .iconbox_icon { font-size: 30px!important;} .iconbox .iconbox_content .iconbox_content_title { margin: 15px 5px 15px 0px; } /** CUSTOM **/ .iconboxtitle { font-weight:bold; font-size:20px; }
