Forum Replies Created
-
AuthorPosts
-
Hi Rikard,
Thank you ! I don’t think we have any further questions.
Br
ChangeGroupThanks. You can close the ticket. I will get back if any more questions.
Ok Thank you Rikard. We will try that.
Br
ChangeGroupFebruary 2, 2017 at 10:32 am in reply to: Highlight active post in Enfold Latest News Widget #741686Ok Thank you for the help.
Br
ChangeGroupPerfect Thank you!
Hi Andy,
Of course, please see content below.
Br
ChangeGroupJanuary 4, 2017 at 1:21 pm in reply to: Enfold Latest News widget – change image on left sidebar #729382Hi Rikard,
You can close the topic.
Thanks for the help!
Br
ChangeGroupHi Vinay.
Thank you. But I have already selected the parent page for the subpage in the page option on the right side , but that didn’t by default activate the parent page when a subpage is viewed?
The code below helped with regards to question 1:
I changed your code a bit, so that the menu-text is also highlighted:
.current-page-ancestor .avia-menu-fx { opacity: 1!important; visibility: visible!important; border-color: #2c4143!important } .current-page-ancestor .avia-menu-text { color: #2c4143 !important; }
Question 2:
When the single portfolio post are active fx. the 1995 portfolio pagehttp://www.changegroup.dk/portfolio-item/changegroup-etableret-over-et-stykke-med-laks/ the main-menu ‘ChangeGroup’ is not active. I want the submenu 1995 etc. to be connected to the main-menu-item ‘ChangeGroup’.Josue helped with the before, but then the main-menu-item was a menu-button. He used this code:
#top #wrap_all .header_color .av-menu-button-colored > a:hover > .avia-menu-text, #top #wrap_all .header_color .av-menu-button-colored.current-menu-item > a > .avia-menu-text, #top.single-portfolio #wrap_all .header_color .av-menu-button-colored > a > .avia-menu-text { background: black; color: #f3c463 !important; font-style: bold; border-color: black; }
The main-menu-item ‘ChangeGroup’ is not a main-menu-button, but just the default menu-item. So what in the code above do I need to change, so that ‘ChangeGroup’ is highlighted, when the 10 portfolio post and submenu are active:
1995
1997
1999
2001
2006
2007
2008
2010
2014
2015Br,
ChangeGroupOkay that makes sense. Thanks for the explanation Yigit!
If we were to change using the newsbox widget, what would you suggest in instead to have it function as described above?December 16, 2016 at 1:00 pm in reply to: Highlight active post in Enfold Latest News Widget #725283Hi Basilis,
Thanks for the reply. We appreciate all the help we get from this forum.
But sorry for asking, how can this require more customization, than the help we already got from Team Enfold on terms of customizing the menu-button highlight, when custom menu in sidebar-widget was active?
Here we got all the help needed from @andy @ismael @rikard in terms of codes for CSS and functions.php etc. Please see here: https://kriesi.at/support/topic/menu-button-highlight-when-custom-menu-active-in-widget/
So how is this any different?
Br
ChangeGroupDecember 16, 2016 at 12:54 pm in reply to: Enfold Latest News widget – change image on left sidebar #725281Thanks Rikard!!!
Great work and just what we needed :)
Br
ChangeGroupNovember 9, 2016 at 11:32 am in reply to: Menu button highlight when custom menu active in widget #710169Perfect!
Thanks a lot for the help Ismael and Vinay!Br
ChangeGroupNovember 8, 2016 at 1:42 pm in reply to: Menu button highlight when custom menu active in widget #709771Hi Ismael,
The only thing missing, is highlight of the line below text ‘Promising Practice’ in menu. It’s missing or disappears when blog posts are active.
Br
ChangeGroupNovember 3, 2016 at 10:14 am in reply to: Menu button highlight when custom menu active in widget #707651Hi Ismael,
No problem – these things happen…
I have done as described above, but it didn’t seem to work on my end?
Br
ChangeGroupNovember 1, 2016 at 4:55 pm in reply to: Menu button highlight when custom menu active in widget #706786Awesome work @vinay
How can I get this to work on ‘Promising Pratice’ and the underlying blog posts:
Promising Practice menu and page:
http://www.changegroup.dk/faglighed-og-promising-practices/
Example of blog post in ‘Pomising Pratice’:
http://www.changegroup.dk/agil-transformation/
What should I change in the code above?
October 26, 2016 at 12:27 pm in reply to: Menu button highlight when custom menu active in widget #704240Sorry!
October 25, 2016 at 3:16 pm in reply to: Menu button highlight when custom menu active in widget #703817Hi Yigit,
Please see here.
Br
ChangeGroupOctober 11, 2016 at 1:59 pm in reply to: Menu button highlight when custom menu active in widget #697846@yigit, please note, that ‘Investor Relations’ in top menu used to be a button, but is not any more.
Before the change, we had implemented these code to the button:
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text { background: #2c4143; color: #ffffff !important; font-weight: bold; border-color: #2c4143; } #top #wrap_all .header_color .av-menu-button-colored > a:hover > .avia-menu-text { background: #2c4143; color: #ffffff !important; font-style: bold; border-color: #2c4143; } #top #wrap_all .header_color .av-menu-button-colored> a:hover > .avia-menu-text, #top #wrap_all .header_color .av-menu-button-colored .current-menu-item > a > .avia-menu-text, #top.single-portfolio #wrap_all .header_color .av-menu-button-colored > a > .avia-menu-text { background: #2c4143; color: #ffffff !important; font-style: bold; border-color: #2c4143; }
October 11, 2016 at 1:45 pm in reply to: Menu button highlight when custom menu active in widget #697835Hi Yigit
I tried your suggestion but it didn’t help.
I want to have the ‘Investor Relations’ in top menu show that it’s active, when either of the ‘Investor Relations’ pages are active in the left widget (even when ‘Meddelelser’ – archive page – and the underlying posts are active):
– Investor Relations
– Meddelelser (archive blog page, with blog posts)
– Nøgletal
– Ejerstruktur
– Bestyrelsen
– Kontakt IRNow ‘Investor Relations’ in top menu are only active, when ‘Investor Relations’ in widget are active.
How can I create this link?
Hi Rikard,
Thank you very much.
And sorry for the late reply due to vacation.Br
ChangeGroupPerfect. Thank you Rikard!!
Sorry for late reply, due to vacation :)
Hi Rikard,
I can’t find any break tag. Please see login info in private content below.
Br
ChangeGroupHi Rikard,
Thanks !
That did work in terms of narrowing the gab of the whitespace.But in the last two tabs the two columns with bullets are not aligned in the same height.
Do you have any suggestion? :-)
Br,
ChangeGroupHi Rikard,
Thank you very much! That worked.
BUT… I realized that the above styling also influences my front pages etc.. But I only want this change to occur on pages and posts related to http://www.changegroup.dk/investor-relations/
This means:
– Investor Relations
– Meddelelser
— Post: Fra salgschef til bestyrelsesmedlem i ChangeGroup
— Post: Kvartalsrapport: 34 millioner fra årsmålet
— Post: Forsikringsselskabet If indgår aftale med ChangeGroup
— Post: Ledelsesberetning: Tallene taler for sig selv i 2015
— Post: DONG Energy peger også på ChangeGroup
– Nøgletal
– Ejerstruktur
– Bestyrelse
– Kontakt IRDoes this mean that I have to get the above page and post IDs to include this in the CSS styling?
And how do I do this? Is it better to use the category ID for posts, as all the above posts and future posts, that need this styling, will be in the same category?
Hope this makes sense!
Br
ChangeGroupHi Rikard
Thanks. Seems to work perfectly.
Though in terms of 1:
@media only screen and (max-width: 767px) { .responsive #top .container .av-content-small { margin-bottom:0 !important; } }
Is it possible to make the white-space on mobile even smaller?
Br
ChangeGroupHi Ismael,
Thanks a lot for your help with all the styling. It works great!
I will take a look at the guide :)Br
ChangeGroupHi again,
I made it work, but need to style the ‘Read More’ tag on the achieve page to bold text?
How can I make this work?The styling I use for *Read More’ tag on other ‘blog grids’:
.invfront a.more-link { top-padding: 10px; color: #2c4143; font-weight: bold!important; }
I added the missing ‘Read More’ tag by first deleting the following, which I had added in functions.php:
function change_blog_archive_style() { global $avia_config; if(!is_single()){ $avia_config['blog_content'] = "excerpt_read_more"; } } add_action('get_header', 'change_blog_archive_style');
And added instead to achieve.php:
'contents' => 'excerpt_read_more',
Which Josue suggested in the post: https://kriesi.at/support/topic/add-read-more-text-on-grid-blog-archive-page/Br
ChangeGroup-
This reply was modified 8 years, 3 months ago by
changegroup.
Great Ismael, just great!
This works perfectly :)However, only thing missing is the ‘Read More’ tag (Læs mere) under each blog post.
I have tried adding the following to functions.php in child-theme, but didn’t work:function change_blog_archive_style() {
global $avia_config;
if(!is_single()){ $avia_config[‘blog_content’] = “excerpt_read_more”; }
}
add_action(‘get_header’, ‘change_blog_archive_style’);Hi @Ismael,
Perfect. That’s what I was looking for. But how can I change the looks of the blog grid on the ‘Achived page’?
I want the blog grid on ‘Meddelelser Test’ to look like the one on ‘Meddelelser’.The blog style I have selected:
– Grid layout
– 3 columns
– Title and Excerpt + Read More Link
– Choose the preview image size manually (select thumbnail size)
– No scaling (Original width X original height)
– 9 Post number
– Deactivate Offset number
– Pagination Yes
– Always Display the element Conditional displayAnd I have a CSS for ‘Læs Mere’ (Read More) under each blog grid post:
.invfront a.more-link {
top-padding: 10px;
color: #2c4143;
font-weight: bold!important;
}What CSS should I apply to change the blog grid to match the layout of ‘Meddelelser’?
-
This reply was modified 8 years, 3 months ago by
changegroup. Reason: added CSS for read more button I use
-
This reply was modified 8 years, 3 months ago by
-
AuthorPosts