Hello! It’s me again 🙂
I read the theme documentation: https://forum.tagdiv.com/newsmag-theme-colors-introduction/
And it says you can change:
Header section – This area allows you to set or change colors for the Top Menu (Background, Top menu text, Top menu text hover, Social icons, Social icons hover color), Main Menu (Menu background, Active and hover, Menu text color), Mobile Menu / Mobile Search (menu bar background color, menu bar icons color, background gradient color, text/icons color, active/hover text color, buttons background/text color) and Header (background color).
But in my theme, I cannot find this option
https://teamusings.com/wp-content/uploads/2021/04/Main-Menu-Colors-Question.png
Also I would like to ask: How do you customize widget titles? Change font family, size, add borders, remove the default black background or change it, etc?
Thank you!
Hi,
That article is referring to all settings that are set in Newsmag> Theme colors> -> https://i.imgur.com/K9qd0gl.png
Also if you want to edit the widgets title fonts -> https://i.imgur.com/Nfb4Rmf.png unfortunately a par if them need to be done with custom css.
Thank you!
Hi.
No, it clearly states about Main menu. Above I posted an exact quote from your article. It speaks about main menu.
Anyway, I am getting used to the fact that Newsmag is not the main focus of the developers. Although it costs almost as much as Newspaper.
These are simple settings that we should be able to do without css.
Anyway. Can you give me a code, please, so that my widget titles are like in ClearVoice demo.
Thank you!
Hi,
If this is what you want -> https://i.imgur.com/OcsyCKb.jpg
Then try this css :
.td-pb-span4 .td_block_template_1 .block-title {
margin: 5px 0 30px;
display: block;
line-height: 1;
text-align: center;
}
.td-pb-span4 .td_block_template_1 .block-title span {
font-family: montserrat,arial,sans-serif;
font-size: 18px;
line-height: 1;
text-transform: uppercase;
font-weight: 500;
color: #222;
background-color: transparent;
padding: 0;
position: relative;
display: block;
top: 0;
}
.td-pb-span4 .td_block_template_1 .block-title span:after {
content: "";
display: block;
width: 40px;
height: 3px;
margin: 10px auto;
background-color: #5380fc;
}
Set the code in theme panel> custom code> custom css and all header from sidebars will have that layout.
Hope this will help you!
Thank you!
Thank you!!!!
I like to play with Css, but I don’t know where to find the codes. Is there a guide or something?
I mean, the documentation I read explains mostly basic things. Or, every time I need something I need to ask you?
I mean, I would prefer to have access to codes and play around, and if I fail to do something, then ask you.
Can you also give me a code for the main menu active/hover? I want to change the white color in the Newsmag default demo.
Thank you very much!
Hi,
About the CSS, normal it is recure to it only if the settings from the theme panel are overwriting (like in your case), also we have a guide for how to inspect the elements from website and in this way you can see what CSS it is used https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Also for the menu, you can use this custom css -> https://i.imgur.com/ykmm0Lg.png
.sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: blue;
color: white;
}
Hope this will help you!
Thank you, Calin!
