CSS Customise questions…
-
AuthorPosts
-
daveclarke007
MemberHi great theme, a couple of questions please:
1. I have a single image on the homepage slider and want to remove the link from the Page Title (Welcome in my case). If visitors click on this link it just shows that page which has no content only a featured image.
2 In mobile view I have darkened the image for the blog posts on the homepage and changed the opacity of the text so it is clearer on smaller screens that do not have the hover capability. I also want this same look for the pages on my grid page for mobile view. https://daveclarke.fr/projects/
3. In the footer widget area I would like to make the text smaller and the height of the footer less plus use a black background.
Many thanks
DaveThe blog I need help with is: (visible only to logged in users)
mkrdip
Theme AuthorHi Dave,
1) Use this:
.wf-active #featured-content h1 a { pointer-events: none; cursor: default; }
2) Use this:
@media only screen and (min-width: 1025px) { #child-grid .three>div>a { background-color: rgba(0,0,0,.1); } }
3) Use this:
#tertiary { background-color: #000; } .widget_blog_subscription .widget-title label, .wf-active #tertiary h1.widget-title { font-size: 14px !important; }
Cheers.
Thanks mkrdip,
1 and 2 worked, many thanks.
For three it worked partially. I think I am misunderstanding something. I used your css to change the subscription form but I am unable to change the other three widgets in line with this.
The background colour I have chosen now is #666 and I want all headers at 14px and in white The text in widget three custom_html I would also like to control the colour.
Enclosed is the css I am using.
Many thanks
Dave
/* Change Widgets*/ #tertiary { padding: 0; background-color: #666666; } #tertiary .widget { margin: 0px; padding: 0px; line-height: 20px; font-weight: normal; font-size: 14px !important; color: white; } /* Change Specific Widgets*/ .widget_blog_subscription .widget-title label, .wf-active #tertiary h1.widget-title { font-size: 14px !important; color: white; } .widget_search .widget-title label, .wf-active #tertiary h1.widget-title { font-size: px !important; color: white; } .widget_facebook_likebox .widget-title label, .wf-active #tertiary h1.widget-title { font-size: 14px !important; color: white; } .widget_custom_html .widget-title label, .wf-active #tertiary h1.widget-title { font-size: 14px !important; color: white; }
mkrdip
Theme AuthorHi there,
The other CSS you’d like to take control of is:
#tertiary .widget, #tertiary .widget a, #tertiary .widget-title, #tertiary .widget-title a { color: rgba(0,0,0,.8); font-size: 14px ; }
Hope this helps.
Cheers.
- The topic ‘CSS Customise questions…’ is closed to new replies.