Forum Replies Created
-
Posts
-
Thanks, Yigit. Yes, now the 3rd and the following H2’s on the page are no longer in upper case.
1) But does that mean, that there somehow is a bug in Enfold -> Advanced Styling -> H2, because my settings in there only seems to work for the first to H2’s on a page?
2) After all the H2’s are now in lower case it shows, that the 3rd H2 and the following H2’s on the page are not having the same font size as the first two H2’s. Again it seems like it is only the first two H2’s reacting to the changes in font size, that I entered in Enfold -> Advanced Styling -> H2 ?
You need to login to see the page, because it is still a draft due to the inconsist behaviour in the header styling. I provided you with a temporary login, which I have now enclosed again as private content.
Seems like others are having the same problem: https://kriesi.at/support/topic/special-heading-inside-color-section-styling-is-not-consistence/ – As May also explains the first two H2’s looks fine, the rest H2’s does not
Exactly the same problem I have. I have also tried duplicating and just change text without any luck. As you also explain the first two H2’s looks fine, the rest H2’s does not. https://kriesi.at/support/topic/h2-styling-not-behaving-the-same-way-on-the-same-page/
Thanks, Yigit. It worked with the background of the icon box. Is there anyway to make the icon smaller as in my sample enclosed?
Thanks, Yigit.
Regarding h1 and h2 text-transform: none:
Why do I have to use Quick CSS to handle this? Without using the Quick CSS, but only changed Enfold -> Advanced Styling -> H2 -> Text transform -> “None”
the first two h2’s on the page are correctly changing to no uppercase, while the rest of the h2’s on the same page are not. Why are the other h2’s not changing?Reg. icon box background color: no, the custom CSS code I have entered is not working properly. Compare the look on this page with the sample I enclosed on how I would like it to look.
I can now see, that I can turn it off on each page individually by checking “Disable sociable” in the right column on the page.
But how to disable it generally from all the pages? It has not been there before, but suddenly appeared today on all the pages.Links sent as private content. On the same page I have the problem, that some of the H2 sentences are shown with UPPERCASE even though I have changed Enfold -> Advanced Styling -> H2 -> Text transform -> “None”
Thanks, Andy, for giving it an extra try. It did not turn out as I wished. It did not change the width of the logo and main menu area. Instead the mobile menu disappeared in portrait format on the iPad. I will leave it for now and might get back to the issue at a later stage.
I have inserted my icon box in a color section and given that color section a custom CSS class. Then I have added the code above with my custom CSS class to Quick CSS. But the background color of the icon box does not change?
It’s because I deleted the Quick CSS code again, because it did not look good. Please find enclosed a screenshot.
Thanks, Yigit. For some reason it did not make it very much wider on web than originally. I had expected it to be more fullwidth on web, but still not entirely touching each side.
On iPad it is now entirely fullwidth, so on iPad some space is needed on each side.
Ismail says the solution is to use the code:
<div class=”avia-button-wrap avia-button-center avia-builder-el-6 el_after_av_heading avia-builder-el-last”>
<span class=”avia_button_icon avia_button_icon_left ” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span>
<span class=”avia_iconbox_title”>Need to show popup when this button is clicked</span>
</div>Could you explain to me, where to enter this code? And would I need to adjust some parts of the code to be used on another website?
Thanks, Andy. It looks fine on web and iPhone, but on iPad the logo and main menu area gets too wide, so part of the logo on the left side and part of the main menu on the right side disappears.
Thanks, Rikard. I tried to write everything in one sentence and it seems like it worked.
#fullwidthsection .container { width: 100% !important; max-width: 100%; padding: 0; padding-right: 10%; margin: 0; }
Great, it worked. Thank you so much.
What if I have a few more pages, where I want the same structure? Is there a way to write it more smoothly?
Right now I in Quick CSS under Enfold–>General Styling have these two commands for just one page (first sentence to ensure left image is fullwidth, second sentence to ensure right column is not fullwidth in the same section):
—
#fullwidthsection .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }
.page-id-19 .avia-builder-el-3 {
padding-right: 10%;
}—
So I guess my questions are:
1) Could it be written more smoothly to cover one page?
2) How to write it to include a few other pages as well?
