-
Search Results
-
Topic: Need a little CSS Help
Hi guys,
I am trying to tweak the CSS a bit. Have tried going into debug more (but what I want is not to pull the code) and I have been able to do this by adding code but the CSS from the stylesheets does not apply.
Let me explain:
I need a button left aligned and right under it a small message that reads “We respect your privacy.” If I add the button and the line one on each element, they show too far apart and I cannot center the Privacy text to the middle of the button. And it looks like this.

I tweaked the HTML on Chrome and by adding the code inside of the button <div> I get the result I want.

See? It is right in the middle of the button and closer to it.
This is the HTML code.
<div class=”avia-button-wrap avia-button-left avia-builder-el-4 el_after_av_textblock el_before_av_textblock ” title=”Play the MindCrowd Memory Test”><span class=”avia_iconbox_title”>TEST YOUR MEMORY</span>
<p style=”font-size:13px;text-align:center;”>We respect your Privacy.</p></div>If I add it as code, the button shows up with no color.
Is there a way to achieve this? Where am I missing the mark?
Thank you so much!
Warm regards,
Havi
Topic: Burger menu navigation style
Hi,
I would like to remove the date from my portfolio items in the footer section. I searched the threads and found that I should add this piece of code in the Quck CSS of the General styling part.
#footer .news-time {
display:none !important;This works allright, but the boxed layout changes to half its size. The color and font size changes in the header section as well. Do you know how to solve it?
Hope to hear from you
Best regards,
andreahello. I used enfold spa theme very well. :-)
I have a few questions that cannot be found.
Is it possible to adjust the font size and thickness of the menu names in the burger menu on the right?
And I want to change the background color of the catalog of menu prices to white, but I don’t know where to change it.
Thanks in advance for the reply!
We use a custom HTML code widget for the sidebar (in several locations on the site). The content is repeating/duplicating but the code is only identified once. Two separate widgets are operating in the same fashion.
HTML content example:
<html>
<head>
<style>
a:link {
color: blue;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: blue;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
<h5>CATEGORIES</h5>
<table>
<tbody>
<tr>
<td style=”border-color: #ffffff; width: 2px; background-color: #ffffff;”>[av_font_icon icon='ue875' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='middle' color='#25b8f8' admin_preview_bg=''][/av_font_icon]</td>
<td style=”border-color: #ffffff; width: 5px; background-color: #ffffff;”><span style=”color: #383e45;”></span><span style=”font-size: large;”><h6><bold>News</bold></h6></span></td>
</tr>
<tr>
<td style=”border-color: #ffffff; width: 10px; background-color: #ffffff;”>[av_font_icon icon='ue875' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='middle' color='#25b8f8' admin_preview_bg=''][/av_font_icon]</td>
<td style=”border-color: #ffffff; width: 40px; background-color: #ffffff;”><h6>Training</h6></td>
</tr>
<tr>
<td style=”border-color: #ffffff; width: 2px; background-color: #ffffff;”>[av_font_icon icon='ue875' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='middle' color='#25b8f8' admin_preview_bg=''][/av_font_icon]</td>
<td style=”border-color: #ffffff; width: 5px; background-color: #ffffff;”><span style=”color: #383e45;”></span><span style=”font-size: large;”><h6><bold>Updates</bold></h6></span></td>
</tr>
<tr>
<td style=”border-color: #ffffff; width: 10px; background-color: #ffffff;”>[av_font_icon icon='ue875' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='middle' color='#25b8f8' admin_preview_bg=''][/av_font_icon]</td>
<td style=”border-color: #ffffff; width: 40px; background-color: #ffffff;”><span style=”color: #383e45;”></span><span style=”font-size: large;”><h6>Action Required</h6></span></td>
</tr>
</tbody>
</table>
</head>
</html>Hello,
Please visit our website to see what is the problem, basically I encountered the following.
– The website reverted back to the old ENFOLD logo and I could not change from the Dashboard.
– Text in the footer socket also reverted back to ENFOLD
– Theme color changed to Green (previous color was a customized shades of blue)
– Font and Sizes are messed up.
– Related Pages at the bottom of each webpages suddenly appeared.Hi, I have tried tiresome to find an easy fix without complicating the website. Here is my issue:
The font size on mobile (mostly tablet in portrait and landscape) changes size when I go to a column less than 1. So if I go to 4/5, 3/4, etc. the font size changes. I would rather not have to change every column to adjust to a portable piece. When I did try that, however, I noticed the leading was not running the same compared to where I did not make this adjustment. Does this make sense and is there an easy fix?
I tried placing columns and text boxes in a color section, etc.
Thank you!






