Thanks! Can you help with these please?;

1. How do I reduce space between address and phone number in the header?: https://img.savvyify.com/image/reduce-space.9wb5f

2. How to show Social Media icons larger on mobile view at the top

For some reason you are not able to see my problem, so I will summarize it again and attach a set of screenshots so you can see exactly what is happening, and can copy the original code and paste it into your own software to see if you get the same result:

1) I design a payment button in Paypal
2) This generates a piece of code and shows me what the final design should look like
3) I click on Copy in the Paypal page to copy the code into temporary memory
4) I open my website and go to the relevant page in my case ‘Events’
5) On that page there are two tabs labelled Visual and Code and a large space beneath.
6) With the Code tab selected I right click and select Paste
7) The code is pasted into the space. I look at the code and it it appears correctly
8) I then click on the Visual tab to check the finished button
9) It doesn’t look right. Instead of one button with a drop list of options, I’m getting a lot of separate buttons.
10) I go back to the code tab and notice that the code has changed – I HAVEN’T DONE ANYTHING AT THIS STAGE, just switched between code and visual tabs. But there are many extra lines that have been added -each item in the drop down list now has an extra <select name=”os0″> and </select> around it . I have messaged WordPress about this, and they tell me that the code tab is part of Enfold and all inputs and outputs to the page are controlled by Enfold, which is why I’m assuming that Enfold is somehow modifying my code.
So, here are the steps visually

So from this I hope you can see that by simply switching between the Code tab and the Visual tab, my code is being changed.and I would like to know why and what I can do to stop this. If you want to try pasting my original code into a test page of your own, then this is the complete chunk of code:

<form action=”https://www.paypal.com/cgi-bin/webscr&#8221; method=”post” target=”_blank”>
<input type=”hidden” name=”cmd” value=”_s-xclick” />
<input type=”hidden” name=”hosted_button_id” value=”H87UB2HDHP3GS” />
<table>
<tr>
<td>
<input type=”hidden” name=”on0″ value=”Options for Brondanw & Nantclwyd only”/>
Options for Brondanw & Nantclwyd only
</td>
</tr>
<tr>
<td>
<select name=”os0″>
<option value=”Member”>
Member £17.00 GBP
</option>
<option value=”Guest”>
Guest £19.00 GBP
</option>
<option value=”2 Members”>
2 Members £34.00 GBP
</option>
<option value=”1 Member + 1 Guest”>
1 Member + 1 Guest £36.00 GBP
</option>
<option value=”Child under 16″>
Child under 16 £10.00 GBP
</option>
</select>
</td>
</tr>
</table>
<input type=”hidden” name=”currency_code” value=”GBP” />
<input type=”image” src=”https://www.paypalobjects.com/en_GB/i/btn/btn_cart_LG.gif&#8221; border=”0″ name=”submit” title=”PayPal – The safer, easier way to pay online!” alt=”Add to Cart” />
</form>

Thankyou.

• This reply was modified 10 months ago by FFAlan.
• This reply was modified 10 months ago by FFAlan.

Hi Ismael,

this works! But: For images only. I use the iframe=true for mixing images and videos. Should have made that clearer:

<div class="isotope">
  <a alt="CUSTOM ALT HERE" title="CUSTOM TITLE HERE" class="inline_popup" href="xxx.img?iframe=true"> 01 </a>
  <a alt="CUSTOM ALT HERE" title="CUSTOM TITLE HERE" class="inline_popup" href="xxx.mp4?iframe=true"> 02 </a>
</div>

So I am back to your script because it works for images and videos but breaks the possibility to click from 01 to 02 – any idea on how to keep the arrows linking to the next frame working?

Best regards,
Daniel

Hi,

if I define top with static px, the logo doesn’t stay vertical centered when the header is shrinking. Same with % instead px. Please have a look on the site if its not clear what I mean
Thanks

Hi Ismael,

the menu-widget lists all sites from all levels. But I only want a list of top-level sites with expandable lists children (so the exakt same desing and function like the main menu). Please have a look on the site I postetd in the private area. You can find the menu-widget in the footer. And what I would like to have in the Burger- or main-menu. Thanks

Thank you. I am working on setting up staging so I can convert to the child theme.

IN THE MEANTIME.. I noticed my other website does not have the font so big, and after all this, I remember years ago I wanted the images bigger, so you gave me this code to put in the QUICK CSS…

THERE ARE A FEW THINGS YOU GAVE ME IN HERE. CAN WE CHANGE THE PART FOR THE MAGAZINE TO HAVE A SMALLER FONT SIZE USING THIS CODE?

I am giving you the whole section because I don’t know for sure which part is magazine and which is something else.

THANK YOU IN ADVANCE FOR HELPING !!!

THIS IS EVERYTHING IN THE QUICK CSS:
p strong{
color:#000!important;
}

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
color: white!important;
}

.av-magazine-thumbnail {
min-height: auto;
}

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
color: white!important;
}

.av-magazine-thumbnail {
min-height: auto;
}
div .slideshow_caption h2 {
text-transform: none;
}

.av-magazine-thumbnail {
width: 135px;
height: auto;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
h2.avia-caption-title {
font-size: 30px !important;
}
.avia-caption-content p {
font-size: 22px !important;
line-height: 24px;
}
}

@media only screen and (max-width: 767px) {
h2.avia-caption-title {
font-size: 20px !important;
}
.avia-caption-content p {
font-size: 14px !important;
line-height: 16px;
}
.slideshow_caption {
padding-top: 20px !important;
}
}

#header_meta .menu li a {
color: #fff !important;
}
.av-burger-overlay-scroll #av-burger-menu-ul a {
color: #fff;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
color: #fff;
}

.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
background-color: #fff;
}

#header_meta .sub_menu .menu li a {
color: #030303 !important;
}

.avia_textblock a strong {
color: blue !important;
}

Nice! Thank you Ismael, now I can load the title. But: The connection to the next images is broken! I have more pictures, connected as lightbox gallery like that:

<div class="isotope">
  <a alt="CUSTOM ALT HERE" title="CUSTOM TITLE HERE" class="inline_popup" href="xxx.img??iframe=true"> 01 </a>
  <a alt="CUSTOM ALT HERE" title="CUSTOM TITLE HERE" class="inline_popup" href="xxx.img??iframe=true"> 02 </a>
</div>

With your code only the first image loads in a lightbox. The arrows to navigate from 01 to 02 are missing.

Can you fix that?

All the best,
Daniel

Hi @Ismael,

your bit of code mentioned in #1483430 is super useful:

$logo_url = avia_get_option( 'logo' );

Is there a similar snippet to load the logo trom the transpareny settings? Anything like:

$logo_url = avia_get_option( 'TRANSPARENT_LOGO' );

Can you help me?

All the best,
Daniel

Hi Ismael,

see your post #1276219. I asked in 2021 because the line remove_filter destroys the code and again everyone is able to use ALB. You suggested to delete the first line and in this way it worked for years. And it still does, but right now the users besides administrators can’t access the ALB templates from the dropdown.

And they even get the error message when I add the remove_filter line to the code. It is like that:

With remove_filter: Everyone can use ALB exept templates
Without remove_filter: Only the user roles from the arry can use ALB exept templates

Seems as if there are certain rights necessary to use the templates and those rights aren’t granted with the function. What do you think?

Cheers,
Daniel

Your the best!
Last things.

1. How do I reduce space between address and phone number in the header?: https://img.savvyify.com/image/reduce-space.9wb5f

2. How to show Social Media icons larger on mobile view at the top

3. Still doesn’t have sticky top bar (address bar) on desktop view.

thanks!

• This reply was modified 10 months, 1 week ago by bemodesign.
• This reply was modified 10 months, 1 week ago by bemodesign.

Hello,
Yes because i didn’t remove this in my css:

.mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor.avia-popup.mfp-zoom-in.mfp-ready {
top: 0 !important;
position:fixed!important;
}

with just the code you send to me it seems that it doesn’t work on mobile (if i remove my Css)

hi Rikard…
yes in that piece of text… on mobile device work, but not on my desktop view.
in desktop preview (in back end) work, but not in front end….
i have already delate the cache…
I don’t know why!!!!