No worries and thank you Nikko.

Good catch on the muted value, where can I find that–sure we’ll have other background videos in the future and now it’s necessary for autoplay in Chrome.

Thanks again!

Great thank you so much! All looks good except the code you used to increase the logo size

I also centered and increased the logo image with this code:

.responsive #top #wrap_all #header #header_main .inner-container .logo {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    min-height: 100px;
}

That only made the header taller but didn’t increase the size of the logo. The actual logo is a bit larger than how it’s showing up, so I’m just curious how I can get it to appear larger without making the header much deeper. I realize this will decrease the padding around the logo though.

Thank you in advance. I really appreciate it!

A few more header kinks I’m trying to work out:

1. We would like the menu flyout to be on the same side as the burger menu icon.
2. We would like the logo to be centered in the browser window. Right now, it’s slightly off centered. See image here https://imgur.com/a/tc4rEqo
notice how the logo is not aligned in the center of the navigation bar
3. I’m trying to adjust the size of the logo so it appears slightly larger in the navigation. I think because of the custom code that was added, everything I try to do is overrided. Can you explain how I can achieve this look (slightly larger size and centered logo): https://imgur.com/a/EmIiI30

That should be it, hopefully. Thank you for your assistance

There are numerous issues with this heading:

1. Menu isn’t showing up when hamburger icon is clicked
2. Search bar is getting cut off when clicked
3. Header is too deep
4. Sticky / shrinking header is not enabled

I appreciate all your help, but can you please remove the code Vinay added in the child theme styles? I would do it myself, but I’m not sure what was added.

I’m sorry, I’m confused? We have an enfold child theme activated and that’s what I’m working off of.

And actually, now that I see it, can I move the burger menu to be left aligned and have the logo centered? I’d like to send a screenshot of my mockup, but it doesn’t appear that that’s an option.

Thanks @guenni007, I’ll try that out!

Much appreciated,
MJ

Hey Rikard,

Sorry about the incorrect creds, I’m running 4.2.6 right now, just realized I actually can’t update the Theme at the moment–there are too many moving parts to manage and I’m not authorized to spend time fixing issues that may arise.

Is there a manual way to do it? Correct creds are below.

Thanks,

• This reply was modified 6 years, 7 months ago by raisonbrands. Reason: Found out I couldn't update theme at this time

Hey, thanks @WP-Turned-Up and @Rikard, worked like a charm and much appreciated.

All right Ismael, that did the trick. Originally I had tried using the excerpt field with the link text, wouldn’t show.

But, everything looks and functions just like we want it to now.

Thanks and sorry for all the back and forth!

Hi Ismael,

Sorry for the difficulty here. When you say “you just modified the code”, if you look above, I never modified “$prepare_excerpt = avia_link_content_filter($prepare_excerpt);”

I did modify “$prepare_excerpt = preg_replace(‘#<a.*?>.*?#i’, ”, $excerpt);” and changed it to “$prepare_excerpt = preg_replace(‘#<a.*?>.*?#i’, ”, $excerpt);”

So, when I replace “$prepare_excerpt = preg_replace(‘#<a.*?>.*?#i’, ”, $excerpt);” with “$prepare_excerpt = avia_link_content_filter($prepare_excerpt);
$prepare_excerpt = $prepare_excerpt[‘content’];”

All I get is an error message and an odd formatting (no link though): https://imgur.com/a/pokn4

Would you mind showing me where the code is that I should replace? Here is the code presently in the postslider.php file https://pastebin.com/2pupv925

Thanks Ismael,

Almost home! That brought back the excerpts and made the Read More links go the right places, but we’d still love to get rid of these links that are automatically inserted as a part of the “link” format post.

https://imgur.com/a/y8kHE

Just a bit of clarity, one must start the except with the link for it to go where it needs to go, but in all blog styles except for “grid”, it doesn’t show up.

Thanks! I know this is a pain!

Hi Victoria and thanks,

Yes indeed, that’s what I thought I was doing here, with “.sort_by_cat” being the element:

.sort_by_cat a span:hover {
display: block;
background-color: #0f9daf !important;
color: #fff;

}

Any ideas on how I can apply the hover styles to the whole element?

Thanks and sorry, just trying to figure these things out as I go!

Hi Ismael,

Sorry for the delay in response. I implemented the changes last week on the child theme, took a bit to figure out that we needed to change parent theme settings before the effects of the new postslider.php file to register.

So unfortunately we ended up loosing excerpts and “read more” links. Leaving just the titles and categories, here’s a look: https://imgur.com/a/9MXpn

The second image shows what we’re trying to achieve, we just want to get rid of the link that shows up at the beginning of the exceprts for “link format” posts in grid views, and have those read “more links” go to the adress that the “link format” post is linked to. BTW, here’s what I mean by a “link format” post: https://imgur.com/a/2zaU1

Thanks!

Hi Victoria,

Thank you so much, it looks exactly as we asked for. But, once implemented, I saw that their color for buttons (that bright orange) overpowered any choice of color for active link text from their color palette.

So, I figured out how to change the box color on hover and the color when active. The one catch that I have is having the box and border radius change color on hover at the same time. The border changes color before the box if you hover over slowly (but I really like the rounded corners).

Here’s what I mean:

How can I get the entire object to change color at once, like so?

Here’s the changes to code that I made just in case that helps.

.sort_by_cat .filter {
display: block;
float: left;
margin-right: 10px;
font-size: 20px!important;
}

.sort_by_cat a span {
display: block;
background-color: #f36e21;
color: #fff;
padding: 5px 7px;
border-radius: 5px;

}

.sort_by_cat a span:hover {
display: block;
background-color: #0f9daf !important;
color: #fff;

}

.sort_by_cat a {
margin-left: 10px;
}
.filter {
padding: 5px 7px;
line-height: 32px;
}
.all_sort_button {
background-color: #f36e21;
border-radius: 5px;

}

#av_section_1 .sort_by_cat a.active_sort span.inner_sort_button span {
color: #fff;
}

#av_section_1 .text-sep {
display: none;
}
.sort_by_cat a.active_sort span {
background-color: #0f9daf !important;
}

Thanks again!