-
Posts
-
Hello support team, how can I move at “Customer recommendation” the “Name” field to the left, see screenshot?
Hey,
Thanks for contacting us!
Could you please upload your screenshot on imgur.com or Dropbox public folder and share the link with us? Also, a link to your website would help :)
Cheers!
YigitHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
.avia-testimonial-meta { margin-left: 0; }Best regards,
YigitHi,
Yes, that would be possible however it would require some customization which would be out of the scope of our support unfortunately.
If it is really important for you, please consider to hire a freelance developer for the task :)Best regards,
YigitHi,
Would you like to change heading tags? If so, please refer to this post – https://kriesi.at/support/topic/changing-h3-html-tags-in-enfold-child/#post-1220857.
Best regards,
YigitHello, I have written words in the text with Strong in bold or some characters like “&” … they are currently white.
In general styling I have settings so that links are white … main color
Font color for links, text initials and other elements … I did that because I have a table of contents with a dark background above.
Actually, the link color should be different … I have to change the link color to white than for the table of contents. I have already created a CSS class for the table of contents ….inhaltsverzeichnis {
color: #f66d64;
font-weight: 700;
}How do I get links to be displayed there in white?
You understand what I want? ;-)
Okay, I think I have it!
Coming back to the info field … I found a solution, but 2 problems.
1. How do I get the heading over the text field? I already had it, then it worked … with:
.headline {
display: block;
z-index: 2;
padding top: 10px;
padding-right: 10px;
padding-left: 10px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #fff;
}Now it doesn’t work anymore!
2. Left and right of the overwriting should be 20px by padding so that the frame of the text field can be seen again. Currently, the white background of the headline covers the whole area.
In the link (at the bottom) I managed to overlap … I don’t know why this is not the case above (with the same settings). How do I manage that the white text background does NOT cover the entire width?
Hi,
Please do not choose background color for your column element and instead, edit your Text Block element and go to Advanced > Developer Settings and give it a custom CSS (“my-class” in example below) and then add following code to Quick CSS
.my-class { background-color: white; padding: 5px; }Best regards,
YigitI also knew the headline “Schon gewusst” the class schongewusst…
.schongewusst { background-color: white; padding: 5px; }
given … the text block below has no class of its own. Nevertheless, the white background is displayed across the entire width of the heading.
Hi,
Could you provide a screenshot of the layout that you have in mind for the heading and the text block? Right now the special heading elements covers the text block, but you could adjust the z-index property if you would like to place the headline under the text block.
Thank you for your patience.
Best regards,
IsmaelHello,
please look at the screenshot…That´s I want! ;-)
For the heading I “schongewusst” the custom CSS class. The headline is also above the text field, but in its full width. However, I would like to see a 10px white background on both sides of the text, and then the frame of the text field begins.
.headline {
display: block;
z-index: 2;
padding top: 10px;
padding-right: 10px;
padding-left: 10px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #fff;
}Hi,
Thank you for the screenshot.
We could apply the background color directly to the heading tag instead of the parent container.
body .schongewusst { background-color: transparent; padding: 0 10px 0 10px !important; margin-bottom: -150px; z-index: 2; position: relative; margin: 0 auto -50px auto !important; float: none !important; top: 30px !important; } body .schongewusst .av-special-heading-tag { padding: 0; margin: 0; float: left; width: auto; display: inline; background-color: white; }Best regards,
Ismael
- The topic ‘Customer recommendation’ is closed to new replies.