Change color of submit button for comment and the text of ...no more pages to load

Matic Brdnik
asked 10 years ago

Hey,
I love the theme and have been able to costumize almost everything except few details, which I hope you will be able to help me
– is there possible in wallpress theme to change the color of the post comment button, if yes, how?
– is it possible to change the color icon or the icon itself for the maximazing a featured image, if yes how?
– is it possible to change the color on the folow RSS button in the widget area (its from the plugin jetpack)
– is it possible to change the text on the pop-uo where it says.. oops no more pages to load (when you scroll down to the bottom of the posts)?

Kleurplaten Unicorn
replied 5 months ago

Are you looking for a mystical coloring page? The best part is that you can make that decision and turn your fantasy into reality. Let’s color online now at https://kleurplatenwk.nl/unicorn/!

2 Answers

Wilfred
answered 10 years ago

Hi Matic.
In the latest version of Wallpress 1.1,0 we have supported all the options for color customization.
You can go to Dashboard > Appreance > Customize > Style Selector to change the color

1. is there possible in wallpress theme to change the color of the post comment button, if yes, how ?
To change the color of Comment Button: you can add the following code into Header Custom in Dashboard > Appreance > Customize > Custom code

 <style>
.comment-respond input[type=submit] {
 border: 1px solid #11639d;
 color: #fff;
 background: #2984e7;
 background: -moz-linear-gradient(top,#2984e7 0,#1264a0 100%);
 background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2984e7),color-stop(100%,#1264a0));
 background: -webkit-linear-gradient(top,#2984e7 0,#1264a0 100%);
 background: -o-linear-gradient(top,#2984e7 0,#1264a0 100%);
 background: -ms-linear-gradient(top,#2984e7 0,#1264a0 100%);
 background: linear-gradient(to bottom,#2984e7 0,#1264a0 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2984e7', endColorstr='#1264a0',GradientType=0 );
}
</style>

Note: change the color code to your desired one

2. is it possible to change the color icon or the icon itself for the maximazing a featured image, if yes how?
In order to change the color of Zoom icon, you can add the following code into Header Custom in Dashboard > Appreance > Customize > Custom code

 <style>
.format-image .image-btn {
 background: url(../images/icon-zoom.png) no-repeat center #2a85e8;
}
</style>

Note:
– Change: ../images/icon-zoom.png with the icon link you want.
– Change #2a85e8 with the color you want

3. is it possible to change the color on the folow RSS button in the widget area (its from the plugin jetpack)
You can add the following code into Header Custom in Dashboard > Appreance > Customize > Custom code

 <style>
.widget_rss_links a:first-child {
 padding-left: 15px;
 position: relative;
}
.widget_rss_links a:first-child:before {
 content: "";
 width: 15px;
 height: 15px;
 background: url( http://placehold.it/10 ) center #999;
 position: absolute;
 left: 0;
 top: 0;
}
.widget_rss_links a img {
 display: none;
}
</style>

Note:
– Change: http://placehold.it/10 with the link you want
– Change #999 with the color you want

4. is it possible to change the text on the pop-uo where it says.. oops no more pages to load (when you scroll down to the bottom of the posts)?
In order to change the text, please open the file jquery.custom.js in your site > wp-content > themes > your theme > assets > js > jquery.custom.js

Change the code Oops, no more pages to load. at line 296.
Hope this helps!

Matic Brdnik
replied 10 years ago

a big thanks for the response!

1. works great, however I wonder how to to code on hover to change colors again and how to get rid of the text shade?

2. this didn’t work completely, cause the background color hid the graphic, however I solved with the style selector

3. this doesn’t work at all; I want to change the button “Sledi” on my page (http://brdnik.si/pita/) – in the sidebar

4. works! 🙂

However I have some questions regarding the last version of the theme. Before I changed the links color, header color,… in the template.css file. I did the same again, but it didn’t change at all. So I copy all the changed code into the costum code and it works – so is this the way to do it, or am I messing up the site?

And another thing, I disabled the sidebar with:

#sidebar-secondary {
display: none;
}
#content {
max-width: 100%;
}

but I want to leave one column space on the right side still for sidebar (ads). In the previos version of the theme the sidebar could be easily custumized with widgets in the newest one the archive and meta can’t be erased. So how do you clean the sidebar and change its width to one column of the theme layout?

Wilfred
answered 10 years ago

Hi Matic,
It’s hard for me to detect your issues because I need to check the settings admin panel as well. Could you please send me your admin account (via private question) for further checking?