Forum Replies Created
-
Posts
-
Thank you Ismael.
This CSS code works well only if caption is framed by Enfold settings. The efect is exactly what I expected, but I need to apply it to a “Caption without frame” instead, please.
Best regards,
EduardoWhat if I need to choose something like “Buttom-Center without Frame” for only one slide in the full width slider? Center option only lets caption be positioned full center (both vertically and horizontally), as well as Buttom one only permits left positioning, but there isn’t any way to indicate something like “Buttom-Center”.
Is there any way to get this applying CSS to a caption element only for one slide?
Thanks again.
EduardoThank you both for your support.
This second option is exactly what I expected. Nevertheless, indeed, the complete advise from Guenni007 helps me to unerstand better Enfold structure and how it works. I’m taking first solution applying justify alignment only to textblock element and eliminating additional CSS code I used to force changes on that general instruction applied to the whole <p> element. One instruction alone (the textblock one) works the same, but I think it’s a cleaner code.
Great support guys, as always.
Best regards,
EduardoThank you Ismael.
Let’s see if this gallery is good enough for you to see what I mean.
First image is my custom CSS panel with general <p> alignment centered.
Second image shows Special Header settings
Third image represents how Heading and its Subheading looks like (Oficina Central centered, while adress is left aligned).
Fourth image shows that when I cancel CSS <p> attribute, then
Fifth image with address centered tooBest regards.
Sure I have, all three options. I want to use Modern Header though.
The problem is due to I’m using CSS code to justify all <p> elements, because alignment is not part of typography settings nor the Advanced Styles. So, I needed to add the following custom CSS:
p, li {
text-align: justify;
}When I block this instruction by commenting it, center alignment in subheading works well. Nevertheless, I would like to have both styles working together.
Is there any CSS code that could be applied to Avia elements to get this? The one you suggested me for slider caption works very well (#top .avia-slideshow .av-slideshow-caption.av-m2fnm33t-7194a2c2891f3e7874849bd5c29c844f__0 .avia-caption-content p { text-align: center; })
See the first column at https://franco.integracionwebmx.com/contacto/#mapas
Best regards.
Here’s the URL:
Thank you Ismael, it’s done.
Regarding <p> style and Fullscreen Slider text caption, I need some orientation. If open a new thread whith this subject, let me know.
I need typography for <p> element be justify aligned by default. I looked for an option into Enfold Settings and couldn’t find Text Alagnment attribute neither on General Styles / Tipography nor on Advanced Styles. So I’m using this CSS code:
p, li {
text-align: justify;
}It works fine. However, when I center Caption into a Fullscreen Slider, only Caption Title takes centered alignment, but Caption Text does not. I tried adding add html <p style=”text-align: center;> element into caption text field, but the complete page breaks, so this was not a solution.
How could I indicate center alignment only to Text Caption?
As always, thanks in advance. If I have to open a different thread for this topic, let me know.
Best regards.
Sure.
It is not a full screen slider, but it’s a colour section with a background image at 100% height.
Here is URL:
Thank you.
Thank you Ismael, I appologize regarding access issue. It’s already fixed.
So, do I have to choose “uncropped” option on Woocommerce media settings and then regenerate thumbnails? Is this a reasonable first step? Let me try.
Anyway, please take a look to private message I’m leaving to you.
Regards.
By the way, “Uncropped” and “Custom” options under Appearance > Customize > WooCommerce > Product Images
– Settings > Media “Thumbnail cropping” don’t work.I leave login information through private content.
Regards.
Thank you Mike.
Interface you posted is a little different than the one I see. Manual color input is missing indeed.
The site is new, it was recently created just in order to show some ideas to a possible client. Then, as you suggested, I deleted the two plugins which were added while WordPress instalation and nothing changed.
I leave you my credentials in the Private Content area, so you can take a look directly.
Best regards.
Eduardo
Thanks Mike.
I just want to know if there is a way to assign exact colors to Accordion elements (like background, title, border, text) by a CSS Class. There is no field to write a # code into custom styling.
Regards.
Hello Ismael.
CSS code for changing toggler height works fine, thank you.
Regarding changing color of elements, I had followed the same steps you suggest, but can’t see the “Select color” field into which I can write #fcf7f2 code. I need to applay exactly this one, not only aproximations.
“Styling>font styling” works for both (title and text) together.
The only way I have succeed changing text attributes is through adding HTML code to my text, then I have had doing this for each toggle. It works though.
Regards.
Thank you Ismael. I had seen that hide option, but never figured out how to use it.
And thank you too Guenni007, it makes sense. Now I have to find out how could I manage the moment during scroll action when header must appear. The example I refered to, shows header (logo and menu options) until logo located in the middle of the color section (into div.banner-logo) achieves the top of the screen. Any idea?
Best regards.
I guess I found the way to solve this. First, I apologize for not being so clear, because I’m using Spanish version of Enfold and have to be translating to English for your understanding, what causes sometimes I use wrong terms.
By default, when you open Advanced Styling section, no elements to customize are present for edition (what makes sense, of course). You must select which element you want to change from “Select an element go customize” list, then choose “Edit element”.
So, if I want to use different attributes for active state menu item and default state (the rest of not active items) separately, I had to select “Main menu links” from the list and click on “Edit element” button TWICE in order to have two Main menu links editing areas. After that, I stablished default state color into the first area, then stablish active state color into second area checking, this time, “Apply only to active state” box.
Best regards,
EduardoI couldn’t find how to change color of either inactive links only nor hover color. I would like to have control of these three elements.
When I change font color into Main Menu Links, all menu items are affected in the same way. If I check “Apply only to active states”, it works, however no active links return to default color.
Is there something I could do usinc CSS for these three attributes separately?
Thank you.
