-
Posts
-
Hi guys,
I have a few CSS changes I’d like to make, I was wondering if you can help me out.
1. I need a border on the bottom of the main menu.
2. Change the slideshow background color on the left and right (site link in private)
3. Page title font size to be bigger
4. Line spacing – single spaced with 0pt before and 6pt after
5. Sub-head font – ariel, 16pt, unbold, grey
6. Body copy font – ariel, 14pt, unbold, grey
7. Footer bar font ariel 14pt, grey
8. Links in ariel 16pt unbold
9. Footer top-border none or greyHey FlatText,
1. Please try this in Quick CSS:
nav.main_menu {border-bottom:1px solid blue;}2. Please try putting the slideshow inside a Color Section.
3. Please try this in Quick CSS:
.title_container .main-title {font-size:20px !important;}4. Can you try setting this in Enfold > Advanced Styling?
5. I’m not sure what you mean by Sub-head. Can you specify, please?
6-8. You can set the font colors in Enfold > General Styling. For the font family, size, and weight, please set it in Enfold > Advanced Styling.
9. Please try this in Quick CSS:
#footer {border-top: none !important;}Please let us know if you need further help.
Best regards,
SarahHi Sarah,
Thank you so much. Here is what works and what doesn’t
1. The border is good, but it’s not stretching to the full length of the page. Additionally, how can I exclude the border just from the main page?
2, That worked great thank you!
3. That’s perfect, thank you!
4. Will play around with this, thanks.
5. I meant the h1/h2/h3 tags, but I can see from the Advanced Styling section I can change it from there, thank you!
6-8. I cannot find Arial in the font options. I’m using custom css to achieve Arial, is there anywhere I can add Arial to the options?
9 Sorry I meant the copyright section, not the footer.
Sorry to bother you but one more thing I’d like to change.
1. How can I make a button’s background without any color or border?
Thank you for your time, Sarah
Hi! Here are the new code you can use. :)
1. Please remove the code I gave you for this item, and use this one instead:
#header_main_alternate {border-bottom:1px solid blue;}6-8. Can you please try this CSS?
body, h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif !important; }In case you’d like to use another font that is not in the options, please refer to this: https://kriesi.at/support/topic/how-do-i-add-custom-fonts-to-the-enfold-theme/
9. Please use this instead:
footer {border-top: none !important;}For the additional question, can you elaborate please? Sorry, I’m not sure I understand what you mean. Which button do you mean? How would you like it to look like?
Best regards,
SarahThank you Sarah. Those worked perfectly!
For the button, it’s the one on the slide show main page. (link in private)
I know I can use just normal HTML but I’d like to have more control over the element. More explanation in private.
Hi,
Please try this:
#slideshow-col .avia-button {background:none!important; border-bottom:none !important;}Please note that you have some slides that are light-colored, and the link is not visible in those slides. If you wish to change their color via CSS, you can add this:
#slideshow-col .slide-2 a.avia-button {color:#00348d !important}Best regards,
SarahYou’re welcome! We’re happy to help.
Do you need any other help with this topic or can we close this thread?
If you have any other questions or issues, please feel free to open another topic and we’ll do our best to help! :)
Cheers!
SarahNo, thank you Sarah. I’ve made another thread about other issues. You can close this thread. Thanks again!
- The topic ‘Changes to headings and menu’ is closed to new replies.