Dear Customers! We're out of the office from the 6th of October to the 11th of October. We sincerely apologize for the inconvenience. For WordPress 5.5.* related issues, please visit this article.
I am not looking for customisation....I am looking to find out where I can find the place to change the css myself as I want to increase the menu font size.
I went to Appearance > Customise > additional css and added the following but nothing changed
/* You can add your own CSS here.
Click the help icon above to learn more. */ .main-navigation { font-size: 1rem; font-weight: 400; text-transform: uppercase; }
Out of interest do you also offer visual composer support or is the support only directly related to the theme and not (for example) the demo content which came with it?
If you do offer visual composer support I was wondering the following.
How to reorder the items in a testimonails carousel
How to increase the font size in an icon plus text item
How to set a focus point on a hero item so that when the picture is viewed on a mobile device the focus point is not cropped....
If of course this is outside support then I understand.
1) We provide support for all of the theme's code, including the elements that we built to work within Visual Composer (you'll tell them apart when choosing an element in the page builder bit, our icons are all similar colour and design).
2) To re-order the testimonials you just need to change their individual published dates (ordered by age).
3) Which part of the icon text do you want the font size to increase on? Let me know and I'll give you a small CSS snippet for that.
4) Not sure you will be able to do that because the background image will always scale to fit the height and width by the CSS 'cover'. Because there are so many heights and widths with the different types of mobile to large screen devices it would almost be impossible to target them all. Normally we do just the width, but in this case the image is being told to fit the height of the screen too.
If that makes any sense at all? (or maybe I'm just jammering on)
The icon text I would like to make bigger (and white) is the text under "Chat" "Proposal" etc on this page http://redhatmagic.co.uk/weddingmagician/ (It looks fine on a big screen but a bit small on a tablet)
Is there a way of darkening the background behind the menu bar, while keeping it transparent (so 50% transparent for example). The idea would be to make the menu text more visible, while still being able to see the picture behind it
Is there a way to change the text on the left hand side of the home page menubar so that it is a phone number (ideally clickable to ring)? The current text reads "Magician - Weddings, Parties and Events and I believe is being pulled from the tab heading. I would like to keep the page tab as it is but want to change the text on the left hand of the menubar. www.redhatmagic.co.uk
Is there a way to darken the background only behind text on the hero image on the homepage "welcome to red hat magic " etc or must I darken the entire picture (I would like the text to stand out more but keep the picture looking light)
.icon-box-big-centered-circle .box-header + p {
font-size:16px;
color:#fff;
}
2) For the menu:
.first-nav {
background-color: rgba(0,0,0,0.4);
}
3) Ah, unfortunately not without customising the file itself with your own code. The text you see there is where an image is supposed to go, it wasn't really designed for text only.
If you do want a phone number at the top I do recommend that you enable the 'top bar' in the Crexis theme options and use that instead.
4) In the element 'Hero Section' in it's settings, under the Settings tab, there is a option to set a dark overlay to different variations of opacity.
Trying to make the navigation bar darker... The css for the menubar says it needs an rbrace, line 13 col 1 I looked up what an RBrace error code was and it still doesn't make sense to me! I am guessing an rbrace is like [/tag]and there is one....just not on line 13...anyway there is a screenshot attached.
I also tried this ...
.primary-navigation {background: A1AAAD; }
That didn't work either (I do not know css I looked it up on the internet).
I am guessing there may be a setting somewhere - at the moment my contact page has a white menubar on a white background.....not quite what I had in mind!
For the "Magician, Parties and events" text, that is being grabbed from your WordPress settings. There needs to be an image there otherwise it will just show the empty image alt text. (the image is usually a logo which is good for business identity and the user knows that they can click on it to go back to the home page).
Go to Crexis theme options > General > Logo image selectors
Dear Sir or Madam,
I am not looking for customisation....I am looking to find out where I can find the place to change the css myself as I want to increase the menu font size.
I went to Appearance > Customise > additional css and added the following but nothing changed
/*
You can add your own CSS here.
Click the help icon above to learn more.
*/
.main-navigation {
font-size: 1rem;
font-weight: 400;
text-transform: uppercase;
}
Where does the menu css reside?
Thank you for your help.
Danny
Hi Danny,
You can change it via the built in controls found in:
Crexis theme options > Appearance > Typography > Site Navigation Font Properties: Font size.
Kind regards,
Joanna
Veented Support
Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories
Check out our latest article: How to Improve Page Loading Times
Don't forget to hit the like button below if you are happy with your support answer :)
Thank you Joanna!
Out of interest do you also offer visual composer support or is the support only directly related to the theme and not (for example) the demo content which came with it?
If you do offer visual composer support I was wondering the following.
How to reorder the items in a testimonails carousel
How to increase the font size in an icon plus text item
How to set a focus point on a hero item so that when the picture is viewed on a mobile device the focus point is not cropped....
If of course this is outside support then I understand.
Thank you for your help,
Danny
Hi Danny,
1) We provide support for all of the theme's code, including the elements that we built to work within Visual Composer (you'll tell them apart when choosing an element in the page builder bit, our icons are all similar colour and design).
2) To re-order the testimonials you just need to change their individual published dates (ordered by age).
3) Which part of the icon text do you want the font size to increase on? Let me know and I'll give you a small CSS snippet for that.
4) Not sure you will be able to do that because the background image will always scale to fit the height and width by the CSS 'cover'. Because there are so many heights and widths with the different types of mobile to large screen devices it would almost be impossible to target them all. Normally we do just the width, but in this case the image is being told to fit the height of the screen too.
If that makes any sense at all? (or maybe I'm just jammering on
)
Kind regards,
Joanna
Veented Support
Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories
Check out our latest article: How to Improve Page Loading Times
Don't forget to hit the like button below if you are happy with your support answer :)
Dear Joanna,
You are wonderful! Thank you very much.... the testimonials are now re-ordered...Hurray!
----------------------------------------------------------------------------------------------------------------------------------------------------
Sorry that seems to be a lot of questions.
Best wishes,
Danny
Hi Danny,
Aww thanks
1) Try this for the icon text:
.icon-box-big-centered-circle .box-header + p { font-size:16px; color:#fff; }2) For the menu:
.first-nav { background-color: rgba(0,0,0,0.4); }3) Ah, unfortunately not without customising the file itself with your own code. The text you see there is where an image is supposed to go, it wasn't really designed for text only.
If you do want a phone number at the top I do recommend that you enable the 'top bar' in the Crexis theme options and use that instead.
4) In the element 'Hero Section' in it's settings, under the Settings tab, there is a option to set a dark overlay to different variations of opacity.
5) To center those texts I would try this CSS:
.home_boxes .box h2 { text-align:center; }Kind regards,
Joanna
Veented Support
Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories
Check out our latest article: How to Improve Page Loading Times
Don't forget to hit the like button below if you are happy with your support answer :)
Dear Joanna,
Still wonderful!
Trying to make the navigation bar darker... The css for the menubar says it needs an rbrace, line 13 col 1 I looked up what an RBrace error code was and it still doesn't make sense to me! I am guessing an rbrace is like [/tag]and there is one....just not on line 13...anyway there is a screenshot attached.
I also tried this ...
.primary-navigation {background: A1AAAD;
}
That didn't work either (I do not know css I looked it up on the internet).
I am guessing there may be a setting somewhere - at the moment my contact page has a white menubar on a white background.....not quite what I had in mind!
Best wishes,
Danny
Also trying to find where the "Magician,Parties and events" text came from that is next to the menubar...any pointers would be wonderful!
Many thanks,
Danny
Hi Danny,
From that image you attached I can see there is a missing "}" character.
This section:
.home_boxes .box h2 { text-align:center; .first-nav { background-color:rgba(0,0,0,0.4); }The .home_boxes .box h2 hasn't been closed off, so it should be:
.home_boxes .box h2 { text-align:center; } .first-nav { background-color:rgba(0,0,0,0.4); }(so it the "}" goes after the text-align:center;)
For the "Magician, Parties and events" text, that is being grabbed from your WordPress settings. There needs to be an image there otherwise it will just show the empty image alt text. (the image is usually a logo which is good for business identity and the user knows that they can click on it to go back to the home page).
Go to Crexis theme options > General > Logo image selectors
Kind regards,
Joanna
Veented Support
Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories
Check out our latest article: How to Improve Page Loading Times
Don't forget to hit the like button below if you are happy with your support answer :)
Thank you Joanna,
New logo with transparency all set and new darker background too. Joanna's boss - give Joanna a raise!
Best wishes,
Danny
Hi Danny,
Great, glad you got it all sorted -and thanks for your lovely comment
Kind regards,
Joanna
Veented Support
Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories
Check out our latest article: How to Improve Page Loading Times
Don't forget to hit the like button below if you are happy with your support answer :)