wildcherry Posted November 18, 2013 Share Posted November 18, 2013 (edited) I need to make the permanent links in the header bigger and bold. And change the font color. I have no idea how to do that. Any help please? Please? Edited November 20, 2013 by vekia (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted November 18, 2013 Share Posted November 18, 2013 if you use prestashop 1.5 and default theme, you have to change this: /modules/blockpermanentlinks/blockpermanentlinks.css you've got there css styles for permantent links block you can add font-size param and font-weight param to ul#header_links, like i show below ul#header_links { list-style-type: none; float: right; margin-top:5px; font-size:20px; font-weight:bold; } 1 Link to comment Share on other sites More sharing options...
wildcherry Posted November 18, 2013 Author Share Posted November 18, 2013 (edited) It worked. Thank you so much! ....how I change the font color? Edited November 18, 2013 by wildcherry (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted November 18, 2013 Share Posted November 18, 2013 you can change font color with css code, for example color:red; color:#FF0000; color:yellow; etc. Link to comment Share on other sites More sharing options...
wildcherry Posted November 19, 2013 Author Share Posted November 19, 2013 I am still in Blockpermanentlinks.css to change the font color, but no.... it doesn't work. The color doesn't change. I'm having the same issue with the search box: I tried in Blocksearch.css to change the button color, but I can see the color I put in the file only for half second when I reload the page...then it shows again the default color. And the same issue also with "welcome/log in". Hopefully you can help me.... Link to comment Share on other sites More sharing options...
vekia Posted November 19, 2013 Share Posted November 19, 2013 can you share url? i will inspect code of your website and then give you solution Link to comment Share on other sites More sharing options...
wildcherry Posted November 19, 2013 Author Share Posted November 19, 2013 (edited) I'm working on local server... Default theme anyway... Edited November 19, 2013 by wildcherry (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted November 19, 2013 Share Posted November 19, 2013 ok, thanks, so if you use default theme, try to use this code: #header_links a {text-decoration: none; color:red;} i added color:red; to code above. it's a part of: /modules/blockpermanentlinks/blockpermanentlinks.css Link to comment Share on other sites More sharing options...
wildcherry Posted November 20, 2013 Author Share Posted November 20, 2013 Thank you! It worked for permanent links, "Log in" and the username, but "welcome" didn't change color, ang the icon next to "log in" neither. I don't know also how to change color of search box button... Link to comment Share on other sites More sharing options...
vekia Posted November 20, 2013 Share Posted November 20, 2013 search box is not a part of permanent links. to change color of welcome message, use this: #header_links a, #header_links {color:red;} Link to comment Share on other sites More sharing options...
wildcherry Posted November 20, 2013 Author Share Posted November 20, 2013 I don't understand... I tried to put the line you said in Blockpermanentlinks.css, but nothing happened. Is "welcome" part of the perma links? Then I tried in Blockuserinfo.css, but nothing happened either. When I go to Blocksearch.css I'm not able to change the button color. Maybe I should open another topic for that... Link to comment Share on other sites More sharing options...
Paulito Posted November 20, 2013 Share Posted November 20, 2013 Good morning Using ps 1.5.5 Go to: blockuserinfo.css /* block top user information */ #header_right #header_user { clear:both; float: right; margin-top:8px; color:red } It works for me http://screencast.com/t/Bk2oFmWg For search bar button go to: blocksearch.css #search_block_top .button { border:none; border-radius:0; color:#; text-transform:uppercase; background: red; url(img/bg_search_submit.png) repeat-x 0 0 red; float: left; height: 25px; } http://screencast.com/t/fZ0iivkI Hope this helps Paul 1 Link to comment Share on other sites More sharing options...
wildcherry Posted November 20, 2013 Author Share Posted November 20, 2013 yes! it worked! Link to comment Share on other sites More sharing options...
vekia Posted November 20, 2013 Share Posted November 20, 2013 finally! now i can mark this topic as solved special thanks for Paul for support with regards, Milos Link to comment Share on other sites More sharing options...
wildcherry Posted November 21, 2013 Author Share Posted November 21, 2013 Thank you guys! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now