I don’t know if this is possible on this theme but I was wondering if there is a way to add a background color or text border to the text in the slider on the home page. The photos on the slider make it hard to read the words so if I could add a border around the text to make it stand out more that would be helpful. Thank you.
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
NOTE: Before paste this CSS enter your color Code in CSS ????
.project-member-img::after{background: # Enter your color code} / for image left color /
.project-info-box .project-designation {color:# Enter your color code;} / for Interior Top Text color /
.project-info-box .detail-btn, .detail-btn::before{background: #Enter your color code;} / for Button Background color /
.project-info-box .project-title a{color:# Enter your color code;} / for Projects title color /
Ok. Here is the link for the screenshot: https://ibb.co/xSCnwt9
At least I Need to change those colors as marked, or even better to be able to redesign the presentation of the pojects as displayed by the shortcode: [ourproject show=’3′ excerptlength=’20’] on your demo page.
The site is not published yet. It is in Spanish. You can see it at https://eradixital.com/anacos/
I am still doing trials to see if I can control this theme because I like it.
As you will see I can change most of the home page presentation through Elementor but that section for projects does not let me do anything. It contains the shortcode [ourproject show=’4′ excerptlength=’20’] and it will display whatever projects I build in the section Our Projects, which is nice, but the design is fixed. I would like to change the design or at least the colors, for example #E4A62B in the vertical line by the pictures, the colors in the “more details button”, and the color in the titles (which were white against a black background, but when I go to a white background I obviously cannot see a white title unless I hover over it) etc.
In other words whatever the shortcode [ourproject show=’4′ excerptlength=’20’] calls is fixed and I cannot find where to modify that design nor do I find any plugin with such name. Please help. I can only change the number of projects and the excerpt length.
On this same project presentation, taking this same image as an example, I need to change the orange color on the title “Alquimed”, on hover “NANOHACK PLA”, and on that vertical thick line to the left of the picture. I think the color is #E4A62B.
Or, as an alternative, how do I edit the presentention for proyects itself on the Home page invoked by the shortcode [ourproject show=’4′ excerptlength=’20’]. Elementor treats it as a block and does not let me do anything with that. Where do I go to edit that section?
It’s not live until I have finished it. What does it matter, I gave you the code you have in your style sheet. Just help me edit it.
I want the menu background to be #55ff2a, including the child levels, the font color to be #FFFFFF, and the hover background color to be #9fff87.
I am working with the SKT Ele Nature Theme and I need a background on my #topmenu. The theme clearly has it coded for a transparent background but that’s not what I need. What code can I use to change this from style sheet?
#topmenu,.type3 #topmenu{float:none!important}
.home.has_trans_header .nivo-caption{top: 33%}
#topmenu ul li ul{display:none;position:absolute;width:220px;z-index:99999}
#topmenu ul li:hover > ul{display: block;}
#topmenu ul li ul li{margin:0;padding:0;width:100%;display:block;text-align:left}
#topmenu ul li ul li a{padding:10px 8%;width:auto;margin:0;display:block;font-weight:400;line-height:normal!important}
#topmenu ul li ul li ul{left:100%;top:0;float:none;margin-left:0}
#topmenu ul li:last-child ul{right:0}
#topmenu ul li:last-child ul li ul,#topmenu ul li:last-child ul li ul li ul,#topmenu ul li:last-child ul li ul li ul li ul,#topmenu ul li:last-child ul li ul li ul li ul li ul,#topmenu ul li:last-child ul li ul li ul li ul li ul li ul{margin-top:-38px;left:-100%}
#topmenu ul li span{font-size: 16px; padding-left: 6px;}
#topmenu ul li ul li span{display:none}
#topmenu .zn_parent_menu:hover li a{border:none!important}
.has_trans_header.home #topmenu{background-color:transparent!important}
span.menu_desc{display:block;padding-top:5px}
.mega-menu-item span.menu_arrow{display:none}
#topmenu ul li.mega-menu-item ul li ul{background-color:transparent!important}
#topmenu ul li.current-menu-item > a:link:after, #topmenu ul li.current-menu-item > a:visited:after, #topmenu ul li.current-menu-parent > a:link:after, #topmenu ul li.current_page_parent > a:visited:after, #topmenu ul li.current-menu-ancestor > a:link:after, #topmenu ul li.current-menu-ancestor > a:visited:after{content:”; border-bottom:0px solid; border-bottom-color:#282828; display:table; width:100%; margin-top:0;}
#topmenu ul li ul li.current-menu-item > a:link:after, #topmenu ul li ul li.current-menu-item > a:visited:after, #topmenu ul li ul li.current-menu-parent > a:link:after, #topmenu ul li ul li.current_page_parent > a:visited:after, #topmenu ul li ul li.current-menu-ancestor > a:link:after, #topmenu ul li ul li.current-menu-ancestor > a:visited:after{content:”; margin:0 !important; border-bottom:none !important;}