Premium Theme Support › We Cobble › Creative Portfolio

CSS Customise questions…

  • Author
    Posts
  • #133229
    daveclarke007
    Member

    Hi 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
    Dave

    The blog I need help with is: (visible only to logged in users)

    #133342
    mkrdip
    Theme Author

    Hi 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.

    #133490
    daveclarke007
    Member
    Original poster

    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;
}
    #133645
    mkrdip
    Theme Author

    Hi 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.